Mockup
SEARCH

If you like spicing up your content with shortcodes, then — as can be seen below — we have a number of highly-customizable ones for you to take advantage of.

Not a fan of shortcodes? That’s perfectly fine. All of this theme’s shortcodes come in a plugin, so it’s completely up to you whether or not you want to use any of them. Or if you have a favorite shortcode plugin you’ve found elsewhere, you can of course install and use that instead.

 

Text highlighting

Simple text highlighting makes sure no one misses the key words of whatever it is you’re writing. Also allows for quick scanning of articles etc.

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)

 

 

Alerts

Alert boxes are a fantastic way to quickly and easily give the visitor important information.

Alert content
Alert content
Alert content
Alert content
Alert content
Alert content
Alert content
Alert content
Alert with 70% width, text aligned left

WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)
  • width
  • height
  • position
  • corner radius
  • text size
  • text align

 

 

Columns

The column shortcode allows you to easily present content in multiple columns.

60% WIDTH
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

40% WIDTH
Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa.

33% WIDTH
Duis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

33% WIDTH
Duis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

33% WIDTH
Duis aute irure dolor in in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

VIDEOS IN COLUMNS

IMAGES IN COLUMNS


shortcode_img_03


shortcode_img_01


shortcode_img_02

WHAT YOU CAN CUSTOMIZE:
  • width (any)
  • position left/right

 

 

Progress bars

Want to display how you’re making progress on a project, or maybe a new skill you’re learning?

A customized example, complete with a description outside the bar.

Description inside the bar

WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)
  • width
  • height (bar thickness)
  • corner radius
  • description (2 positions)

 

 

Image hovers

If you’d like to give your image links some splash, you can use the image hover shortcode.

shortcode_img_01

shortcode_img_02

shortcode_img_03

 

Buttons

You make ’em, users press ’em. Great for making sure that all-important link isn’t missed.

BUTTONBUTTONBUTTONBUTTONBUTTONBUTTONBUTTONBUTTON

WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)
  • text size
  • corner radius

 

 

Boxes

Placing content in simple colored boxes is a proven way to make sure your visitor doesn’t miss something vital.

Box contents
Box contents
Box contents
Box contents
Box contents
Box contents
Box contents
Box contents
Green box with 60% width
Blue box with 20% width

WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)
  • width
  • height
  • position
  • corner radius
  • text size
  • text align

 

 

Toggle boxes

Toggle boxes suit the situations when you want the user to interact with some specific bit of content.

CLOSED ON PAGE LOAD

Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents

 

OPEN ON PAGE LOAD

Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents
Show/hide content
Box contents

WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)
  • title
  • width
  • position
  • corner radius
  • text align
  • text size

 

 

Dividers

Giving content room to breathe is important, we can all agree. Hence this healthy selection of dividers that can be used to split and spice up content.

MINI









 

GRADIENT

































 

SOLID

























 

DOUBLE

































 

DOTTED









































 

DASHED

























WHAT YOU CAN CUSTOMIZE:
  • color (default, silver, green, blue, salmon, red, orange, pink)
  • divider style
  • width

 

 

Creativity

Our shortcodes can be wrapped around any content, including text, galleries, videos and even other shortcodes. So if you want to go there, you can come up with pretty interesting ways to present your content, especially given the customization options each shortcode offers.

Share
Facebook Twitter Google+