A plethora of shortcodes

*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.

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

 

PROGRESS BARS


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

Description outside the bar.

Description

 

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

 

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 (text, images, videos).

60% WIDTH
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

40% WIDTH
Duis aute irure dolor in reprehender it in voluptate velit esse cillum dolore.

33% WIDTH
Duis aute irure dolor in in voluptate velit esse.

33% WIDTH
Duis aute irure dolor in in voluptate velit esse.

33% WIDTH
Duis aute irure dolor in in voluptate velit esse.

 

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

 

BUTTONS


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

 

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.