Epsilon Shortcodes

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

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

Shortcode

Attributes

Example Code

Container

fullscreen
PV: yes/no

[epsilon_container fullscreen=”no”]Insert your text…[/epsilon_container]

Columns

–

[epsilon_one_half]Insert your text…[/epsilon_one_half]

Columns Responsive

–

[epsilon_one_halft]Insert your text…[/epsilon_one_halft]

Dropcap

style
PV: dropcaps-1 … 4

tcolor
PV: Hex color

bgcolor
PV: Hex color

[epsilon_dropcap style=”dropcaps-1″ tcolor=”#dd3333″ bgcolor=”#000000″ ]Text[/epsilon_dropcap]

Highlight

tcolor
PV: Hex color

bgcolor
PV: Hex color

[epsilon_highlight tcolor=”#dd3333″ bgcolor=”#0a0a0a” ]Text[/epsilon_highlight]

Static Notification

bgstyle
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

[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 Notification

bgstyle
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

[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]

Table

cols
PV: columnname separated with comma

data
PV: data separated with comma

[epsilon_table cols=”#,First Name, Last Name, Username” data=”1, Filip, Stefansson, filipstefansson, 2, Victor, Meyer, Pudge, 3, Mans, Ketola-Backe, mossboll” ][/epsilon_table]

Chart

labels
PV: labels separated with comma

data
PV: data separated with comma

colors
PV: colors separated with comma

style
PV: 1 … 4

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

Image Column

title
PV: text

stitle
PV: text

tcolor
PV: Hex color

bgcolor
PV: Hex color

url
PV: url

position
PV: left / right

[epsilon_imagecol title=”Title” stitle=”Sub Title” tcolor=”#dd3333″ tcolor2=”#dd9933″ url=”” position=”left” ]

Paragraph

tcolor
PV: Hex color

position
PV: left / right / center

[epsilon_rparagraph tcolor=”#000000″ position=”left” ]Content[/epsilon_rparagraph]

Fontawesome Icon

icon
PV: fa-iconname

icolor
PV: Hex color

size
PV: number

[epsilon_ficon icon=”fa-cogs” icolor=”#dd3333″ size=”14″ ]

Tabs

title
PV: text

[epsilon_tabs]
[epsilon_tab title=”Title”]Tab content goes here.[/epsilon_tab]
[epsilon_tab title=”Title”]Tab content goes here.[/epsilon_tab]
[epsilon_tab title=”Title”]Tab content goes here.[/epsilon_tab]
[/epsilon_tabs]

Accordion

title
PV: text

[epsilon_accordion]
[epsilon_acc title=”Title”]Accordion content goes here.[/epsilon_acc]
[epsilon_acc title=”Title”]Accordion content goes here.[/epsilon_acc]
[epsilon_acc title=”Title”]Accordion content goes here.[/epsilon_acc]
[/epsilon_accordion]

Toggle

switch
PV: classic or switch-1 … 3

switchi
PV: 1 … 3

title
PV: text

stitle
PV: text

tcolor
PV: Hex color

stcolor
PV: Hex color

[epsilon_toggle switch=”switch-3″ switchi=”1″ title=”Title” stitle=”Sub Title” tcolor=”#dd3333″ stcolor=”#dd9933″ ]Content[/epsilon_toggle]

Google Map

lat
PV: coordinate

lng
PV: coordinate

zoom
PV: number

height
PV: number

type
PV: m / k / h / p

[epsilon_gmap lat=”0.0″ lng=”0.0″ zoom=”11″ height=”400″ type=”m” ][/epsilon_gmap]

Image Gallery

id
PV: gallery id number

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

[epsilon_gallery id=”” gtype=”round” ]

Portfolio

id
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

[epsilon_portfolio id=”4″ ptype=”one” ppp=”-1″ orderby=”date” order=”ASC” fw=”1″ cols=”three” filters=”” ]

Clear

–

[epsilon_clear]

Horizontal Line

pad
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

[epsilon_hr pad=”no-bottom” classes=”hide-if-mobile” full_width=”0″ ]

Space

size
PV: number

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

[epsilon_space size=”20″ classes=”hide-if-mobile” ]

Line with Word

word
PV: text

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

[epsilon_hr2 word=”or” classes=”hide-if-mobile” ]

Button

type
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

[epsilon_button type=”re” icon=”fa-cogs” text=”text” link=”” target=”_self” prestyle=”green” size=”” tcolor=”#dd3333″ bgcolor=”#000000″ ]

Social Button

layout
PV: social-button / social-ball / social-square

type
PV: social name

link
PV: url

[epsilon_sbutton layout=”social-button” type=”facebook” link=”url” ]

Double Button

type
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

[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 Image

url
PV: url

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

[epsilon_image url=”url” pad=”no-bottom” ]

Preloading Image

url
PV: url

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

[epsilon_imagep url=”” pad=”no-bottom” ]

Video

url
PV: url

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

[epsilon_video url=”url” pad=”no-bottom” ]

Image Slider

id
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

[epsilon_slider id=”243″ full_width=”1″ circle_slider=”0″ pad=”no-bottom” ]

Staff Slider

exclude
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

[epsilon_stslider exclude=”” auto=”true” auto_time=”5000″ loop=”true” hover=”true” nav=”true” trans=”1″ orderby=”ID” order=”asc” ]

Quote Slider

exclude
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

[epsilon_qtslider exclude=”” auto=”true” auto_time=”5000″ loop=”true” hover=”true” nav=”true” orderby=”ID” order=”asc” ]

Coverpage Slider

id
PV: slider id

[epsilon_cpslider id=”” ]

Call Out Bar

Please check right side for sample and options.

[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” ]

in Tutorials

Related Articles

Categories

Latest Articles