You can use Epsilon Shortcodes from Page Edit/Add screen. Please check below image.

 

Here is the detailed cheatsheet for shortcodes; (PV: Possible Values)

ShortcodeAttributesExample Code
Containerfullscreen
PV: yes/no
  1. [epsilon_container fullscreen=”no”]Insert your text…[/epsilon_container]
Columns
  1. [epsilon_one_half]Insert your text…[/epsilon_one_half]
Columns Responsive
  1. [epsilon_one_halft]Insert your text…[/epsilon_one_halft]
Dropcapstyle
PV: dropcaps-1 … 4

tcolor
PV: Hex color

bgcolor
PV: Hex color

  1. [epsilon_dropcap style=”dropcaps-1″ tcolor=”#dd3333″ bgcolor=”#000000″ ]Text[/epsilon_dropcap]
Highlighttcolor
PV: Hex color

bgcolor
PV: Hex color

  1. [epsilon_highlight tcolor=”#dd3333″ bgcolor=”#0a0a0a” ]Text[/epsilon_highlight]
Static Notificationbgstyle
PV: Predefined Styles*

tcolor
PV: Hex color

bgcolor
PV: Hex color

title
PV: text

close
PV: 1/0

tdismiss
PV: 1/0

icon
PV: fa-iconname

type
PV: small / large

  1. [epsilon_notification bgstyle=”bg-teal-light” tcolor=”#dd3333″ bgcolor=”#000000″ title=”Title” close=”0″ tdismiss=”0″ icon=”fa-cogs” type=”small” ]content[/epsilon_notification]
Fixed Notificationbgstyle
PV: Predefined Styles

tcolor
PV: Hex color

bgcolor
PV: Hex color

ltext
PV: text

title
PV: text

close
PV: 1/0

tdismiss
PV: 1/0

icon
PV: fa-iconname

type
PV: small / large

position
PV: top / bottom

timer
PV: 1/0

  1. [epsilon_fnotification bgstyle=”bg-teal-light” tcolor=”#dd3333″ bgcolor=”#000000″ ltext=”Link Text” title=”Title” close=”0″ tdismiss=”0″ type=”small” position=”top” timer=”0″ ]Content[/epsilon_fnotification]
Tablecols
PV: columnname separated with comma

data
PV: data separated with comma

  1. [epsilon_table cols=”#,First Name, Last Name, Username” data=”1, Filip, Stefansson, filipstefansson, 2, Victor, Meyer, Pudge, 3, Mans, Ketola-Backe, mossboll” ][/epsilon_table]
Chartlabels
PV: labels separated with comma

data
PV: data separated with comma

colors
PV: colors separated with comma

style
PV: 1 … 4

  1. [epsilon_chart labels=”One,Two,Three,Four” data=”10,60,30,40″ colors=”#c0392b,#f39c12,blue,#27ae60″ style=”1″ ]
Image Columntitle
PV: text

stitle
PV: text

tcolor
PV: Hex color

bgcolor
PV: Hex color

url
PV: url

position
PV: left / right

  1. [epsilon_imagecol title=”Title” stitle=”Sub Title” tcolor=”#dd3333″ tcolor2=”#dd9933″ url=”” position=”left” ]
Paragraphtcolor
PV: Hex color

position
PV: left / right / center

  1. [epsilon_rparagraph tcolor=”#000000″ position=”left” ]Content[/epsilon_rparagraph]
Fontawesome Iconicon
PV: fa-iconname

icolor
PV: Hex color

size
PV: number

  1. [epsilon_ficon icon=”fa-cogs” icolor=”#dd3333″ size=”14″ ]
Tabstitle
PV: text
  1. [epsilon_tabs]
  2. [epsilon_tab title=”Title”]Tab content goes here.[/epsilon_tab]
  3. [epsilon_tab title=”Title”]Tab content goes here.[/epsilon_tab]
  4. [epsilon_tab title=”Title”]Tab content goes here.[/epsilon_tab]
  5. [/epsilon_tabs]
Accordiontitle
PV: text
  1. [epsilon_accordion]
  2. [epsilon_acc title=”Title”]Accordion content goes here.[/epsilon_acc]
  3. [epsilon_acc title=”Title”]Accordion content goes here.[/epsilon_acc]
  4. [epsilon_acc title=”Title”]Accordion content goes here.[/epsilon_acc]
  5. [/epsilon_accordion]
Toggleswitch
PV: classic or switch-1 … 3

switchi
PV: 1 … 3

title
PV: text

stitle
PV: text

tcolor
PV: Hex color

stcolor
PV: Hex color

  1. [epsilon_toggle switch=”switch-3″ switchi=”1″ title=”Title” stitle=”Sub Title” tcolor=”#dd3333″ stcolor=”#dd9933″ ]Content[/epsilon_toggle]
Google Maplat
PV: coordinate

lng
PV: coordinate

zoom
PV: number

height
PV: number

type
PV: m / k / h / p

  1. [epsilon_gmap lat=”0.0″ lng=”0.0″ zoom=”11″ height=”400″ type=”m” ][/epsilon_gmap]
Image Galleryid
PV: gallery id number

gtype
PV: round / square / masonry / adaptive / filterable

  1. [epsilon_gallery id=”” gtype=”round” ]
Portfolioid
PV: portfolio id number

ptype
PV: one / two / adaptive / wide / filtrable

ppp
PV: empty or number

orderby
PV: date / title / rand / ID / menu_order

order
PV: ASC / DESC

fw
PV: 1 / 0

cols
PV: three / two / one

filters
PV: filter id numbers with comma

 

  1. [epsilon_portfolio id=”4″ ptype=”one” ppp=”-1″ orderby=”date” order=”ASC” fw=”1″ cols=”three” filters=”” ]
Clear
  1. [epsilon_clear]
Horizontal Linepad
PV: no-bottom / half-bottom / full-bottom / half-top / full-top / left-padding / right-padding

classes
PV: hide-if-mobile / hide-if-responsive

full_width
PV: 1 / 0

  1. [epsilon_hr pad=”no-bottom” classes=”hide-if-mobile” full_width=”0″ ]
Spacesize
PV: number

classes
PV: hide-if-mobile / hide-if-responsive

  1. [epsilon_space size=”20″ classes=”hide-if-mobile” ]
Line with Wordword
PV: text

classes
PV: hide-if-mobile / hide-if-responsive

  1. [epsilon_hr2 word=”or” classes=”hide-if-mobile” ]
Buttontype
PV: re / ro / 3d

icon
PV: fa-iconname

text
PV: text

link
PV: url

target
PV: _self / _blank

prestyle
PV: predefined style**

size
PV: empty or sl / l / s / xs

tcolor
PV: Hex color

bgcolor
PV: Hex color

  1. [epsilon_button type=”re” icon=”fa-cogs” text=”text” link=”” target=”_self” prestyle=”green” size=”” tcolor=”#dd3333″ bgcolor=”#000000″ ]
Social Buttonlayout
PV: social-button / social-ball / social-square

type
PV: social name

link
PV: url

  1. [epsilon_sbutton layout=”social-button” type=”facebook” link=”url” ]
Double Buttontype
PV: re / ro / 3d

size
PV: empty or sl / l / s / xs

dstyle
PV: or-buttons-style-2 / or-buttons-style-1

mword
PV: text

icon
PV: fa-iconname

text
PV: text

link
PV: url

target
PV: _self / _blank

prestyle
PV: predefined style**

tcolor
PV: Hex color

bgcolor
PV: Hex color

icon2
PV: fa-iconname

text2
PV: text

link2
PV: url

target2
PV: _self / _blank

prestyle2
PV: predefined style**

tcolor2
PV: Hex color

bgcolor2
PV: Hex color

  1. [epsilon_dbutton type=”re” size=”xl” dstyle=”or-buttons-style-2″ mword=”or” icon=”fa-cogs” text=”Text” link=”url” target=”_self” prestyle=”green” tcolor=”#dd3333″ bgcolor=”#000000″ icon2=”fa-cogs” text2=”Text” link2=”url” target2=”_self” prestyle2=”green” tcolor2=”#dd3333″ bgcolor2=”#000000″ ]
Responsive Imageurl
PV: url

pad
PV: no-bottom / half-bottom / full-bottom / half-top / full-top / left-padding / right-padding

  1. [epsilon_image url=”url” pad=”no-bottom” ]
Preloading Imageurl
PV: url

pad
PV: no-bottom / half-bottom / full-bottom / half-top / full-top / left-padding / right-padding

  1. [epsilon_imagep url=”” pad=”no-bottom” ]
Videourl
PV: url

pad
PV: no-bottom / half-bottom / full-bottom / half-top / full-top / left-padding / right-padding

  1. [epsilon_video url=”url” pad=”no-bottom” ]
Image Sliderid
PV: slider id

full_width
PV: 1 / 0

circle_slider
PV: 1 / 0

pad
PV: no-bottom / half-bottom / full-bottom / half-top / full-top / left-padding / right-padding

  1. [epsilon_slider id=”243″ full_width=”1″ circle_slider=”0″ pad=”no-bottom” ]
Staff Sliderexclude
PV: exclude item ids separated with comma

auto
PV: true / false

auto_time
PV: number

loop
PV: true / false

hover
PV: true / false

nav
PV: true / false

trans
PV: 0 / 1 / 2

orderby
PV: date / title / rand / ID

order
PV: ASC / DESC

  1. [epsilon_stslider exclude=”” auto=”true” auto_time=”5000″ loop=”true” hover=”true” nav=”true” trans=”1″ orderby=”ID” order=”asc” ]
Quote Sliderexclude
PV: exclude item ids separated with comma

auto
PV: true / false

auto_time
PV: number

loop
PV: true / false

hover
PV: true / false

nav
PV: true / false

orderby
PV: date / title / rand / ID

order
PV: ASC / DESC

  1. [epsilon_qtslider exclude=”” auto=”true” auto_time=”5000″ loop=”true” hover=”true” nav=”true” orderby=”ID” order=”asc” ]
Coverpage Sliderid
PV: slider id
  1. [epsilon_cpslider id=”” ]
Call Out BarPlease check right side for sample and options.
  1. [epsilon_coutbar theme=”light” icon1=”fa-phone” icolor1=”#81d742″ ilink1=”tel:123″ ilinktext1=”Call” target1=”_self” icon2=”fa-comment” icolor2=”#dd9933″ ilink2=”sms:+19725551212?body=hello%20there” ilinktext2=”SMS” target2=”_self” icon3=”fa-envelope” icolor3=”#1e73be” ilink3=”mailto:[email protected]?Subject=Hello%20again” ilinktext3=”Mail” target2=”_self” ]