Primary Color

Secondary Color

Header Top

Header Middle

Custom Font


Body Font

Body Font Style

Heading Font

Heading Font Style

Menu Font

Menu Font Style

Sub Menu Font

Sub Menu Font Style

Custom Background (Support Box Layout Only)


Background Image

  • patten 0
  • patten 1
  • patten 2
  • patten 3
  • patten 4
  • patten 5
  • patten 6
  • patten 7
  • patten 8
  • patten 9
  • patten 10

Backgrounds Color

Home » Features » Blog Shortcode 01 » Primary Shortcode

Primary Shortcode

1. SHORTCODE ADD LINE

 

wpdance

 

Syntax:

[add_line height_line="1" color="#FF5A00"]

 

2. SHORTCODE ALIGN BOX

ALIGN LEFT

Nunc vehicula arcu ut augue convallis hendrerit. Aenean a nulla tortor, a tincidunt diam!

Syntax:

[ align style="left"] <div style="width: 200px;">[alert style="block;" close="1" ]Nunc vehicula arcu ut augue convallis hendrerit. Aenean a nulla tortor, a tincidunt diam! .[/alert]</div> [ /align]

ALIGN RIGHT

Nunc vehicula arcu ut augue convallis hendrerit. Aenean a nulla tortor, a tincidunt diam!

Syntax:

[ align style="right"] <div style="width: 200px;">[alert style="block;" close="1" ]Nunc vehicula arcu ut augue convallis hendrerit. Aenean a nulla tortor, a tincidunt diam![/alert]</div> [ /align]

ALIGN CENTER

Nunc vehicula arcu ut augue convallis hendrerit. Aenean a nulla tortor, a tincidunt diam!

Syntax:

[ align style="center"] <div style="width: 200px;">[alert style="block;" close="1" ]Nunc vehicula arcu ut augue convallis hendrerit. Aenean a nulla tortor, a tincidunt diam![/alert]</div> [ /align]

3. SHORTCODE BADGE – LABEL

BADGE

DefaultSucessWarning!Important!InfoInverse

Syntax:

[ badge type="default" ]Default[ /badge] [ badge type="success" ]Sucess[ /badge] [ badge type="warning" ]Warning![ /badge] [ badge type="important" ]Important![ /badge] [ badge type="info" ]Info[ /badge] [ badge type="inverse" ]Inverse[ /badge]

LABEL

DefaultSuccessWarningImportantInfoInverse

Syntax:

[ label type="default" ]Default[ /label] [ label type="success" ]Success[ /label] [ label type="warning" ]Warning[ /label] [ label type="important" ]Important[ /label] [ label type="info" ]Info[ /label] [ label type="inverse" ]Inverse[ /label]

4. SHORTCODE CHECKLIST

  • list item #1
  • list item #2
  • list item #3

Syntax:

[checklist icon="icon-heart" ] <ul> <li>list item #1</li> <li>list item #2</li> <li>list item #3</li> </ul> [/checklist]

5. SHORTCODE CODE

Sed vestibulum, massa a elementum consectetur, libero est scelerisque odio, a dictum lectus erat at ipsum. Vestibulum sit amet dui et elit suscipit pretium?

Syntax:

[ code]Sed vestibulum, massa a elementum consectetur, libero est scelerisque odio, a dictum lectus erat at ipsum. Vestibulum sit amet dui et elit suscipit pretium? [ /code]

6. SHORTCODE DROPCAP

STechGoStore Theme!

 

 

Syntax:

[dropcap color="#BE0404"]S[/dropcap]TechGoStore Theme!

7. HEADING

Heading

Heading

Heading

Heading

Heading
Heading

Syntax:

[ heading size="1"]Heading[ /heading] [ heading size="2"]Heading[ /heading] [ heading size="3"]Heading[ /heading] [ heading size="4"]Heading[ /heading] [ heading size="5"]Heading[ /heading] [ heading size="6"]Heading[ /heading]

8. SHORTCODE QUOTE

Nunc nec ligula lectus. Nulla in neque mi. Duis porttitor urna vel magna lacinia quis sodales elit rutrum. Morbi hendrerit arcu non dolor volutpat congue. Sed id metus ligula, in condimentum ipsum. Suspendisse potenti. Duis mattis, mauris et eleifend iaculis, libero metus lacinia magna, quis faucibus ante orci feugiat nisl. Phasellus vel tortor est, eget gravida tellus. Nullam laoreet euismod lacus. In hac habitasse platea dictumst. Vivamus sagittis posuere augue, vitae ultrices massa eleifend non? Sed ut justo id turpis pharetra gravida.
‚Äč