Georgia Lou Studios

Welcome to the Help Center!

Shortcodes (Marissa)

Follow

This template comes with a set of useful Shortcodes. 

For all of these, make sure you are in HTML mode, not Compose mode.

 

Drop Caps

  • Go to your dashboard > Your Blog > Posts or Pages > Select a page or post to edit.
  • Add the Class "first-letter" if you want to apply drop caps on to the first letter of a paragraph.

 

<p class="first-letter">Add Paragraph content here.</p>

Buttons

  • Go to your dashboard > Your Blog > Posts or Pages > Select a page or post to edit.
  • Choose one of the button codes below.
  • Add your URL link to the code and button text:

 

<a class="button primary" href="Your URL Here">primary button</a>

<a class="button dark" href="Your URL Here">dark button</a>

<a class="button orange" href="Your URL Here">orange button</a>

<a class="button red" href="Your URL Here">red button</a>

<a class="button pink" href="Your URL Here">pink button</a>

<a class="button blue" href="Your URL Here">blue button</a>

<a class="button green" href="Your URL Here">green button</a>

<a class="button violet" href="Your URL Here">violet button</a>

 

// You can add small class to have Small Buttons, an example below :

<a class="button small primary" href="Your URL Here">primary button</a>

 

Tooltips

  • Go to your dashboard > Your Blog > Posts or Pages > Select a page or post to edit.
  • Surround the item you want to have the tooltip with the code below:

 

<span data-original-title="Your Tooltip Title Here" data-placement="top" data-toggle="tooltip">Top Tooltip</span>

<span data-original-title="Your Tooltip Title Here" data-placement="bottom" data-toggle="tooltip">Bottom Tooltip</span>

<span data-original-title="Your Tooltip Title Here" data-placement="left" data-toggle="tooltip">Left Tooltip</span>

<span data-original-title="Your Tooltip Title Here" data-placement="right" data-toggle="tooltip">Right Tooltip</span>

 

Iframe Youtube or Vimeo

  • Go to your dashboard > Your Blog > Posts or Pages > Select a page or post to edit.
  • Choose where you want to insert your video.
  • Add your video link to the src property. Make sure to leave the quotes ( " " ) intact.

 

<iframe src="https://player.vimeo.com/video/VIDEO ID HERE?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" name="fitvid0"></iframe>

 

Page Layout

This will allow you to set the page layout on a page-by-page or post-by-post basis. i.e. Fullwidth, right sidebar or left sidebar.

  • Go to your dashboard > Your Blog > Posts or Pages > Select a page or post to edit
  • Insert one of the following shortcodes at the top of the post or page in HTML mode:

 

[left-sidebar]

[right-sidebar]

[no-sidebar]

 

Contact Form

  • Go to your dashboard > Your Blog > Posts or Pages > Select a page or post to edit.
  • While in HTML mode, paste the following code where you want the Contact Form to appear:
    [contact-form]
Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk