Shortcodes
Small Buttons
Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text
Icon Buttons
Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text
Big Buttons
Big Button Big Button Big Button Big Button Big Button Big Button
Warning Box
Warning
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.
Download Box
Download
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.
Info Box
Info
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.
Bio Box
About Me
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat.
Normal Box
Normal Box
Curabitur luctus, dui ut tempor convallis, arcu sapien euismod ante, in pretium nunc ante sed purus. Nunc quis quam sit amet ipsum tempus mollis. Curabitur nisi erat. In placerat rutrum felis.
4. Tabbed Content
Now you can create tabbed content with the click of a button using the [ tab ] shortcode. This shortocode has two variations (horizontal and vertical tabs) and has options for auto-rotation, rotation speed and transition animation. These tabs have a fluid width, which means that they can adjust to any page size. In this example each tabbed element has been placed within a [ one_half ] column. We have also integrated advanced buttons for the tabs shortcode, allowing you to create your tabs through a graphical interface rather than having to write the shortcode markup yourself.
6. Image Slider
The [ tab ] shortcode also acts as an image slider. This slider can produce an image slideshow of any size. The shortcode will even automatically crop and resize your images to fit the dimensions of the slider that you have chosen. You can also choose to enabled/disable auto rotation, adjust the transition effect, and increase/decrease the rotation speed.
7. Column Layouts
Sometimes it can get frustrating trying to organize content via the WordPress text editor. With the column layout shortcodes, however, you can now break down your content into any number of advanced layouts giving variety and hierarchy to your post. Columns can be created in halves, thirds, fourths and two-thirds.
One Half
Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris. Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.
One Half
Morbi egestas pharetra lacus, ut condimentum justo convallis vitae. Nam gravida porttitor auctor. Vivamus velit turpis, molestie id porttitor eget, mollis a justo. Vivamus vel diam at eros faucibus porttitor. Vestibulum dignissim accumsan tincidunt. Ut velit dolor, dignissim eu hendrerit ac, pretium tempus neque. Vestibulum dapibus, nisi fermentum tempus convallis, sapien tellus ultricies felis, sit amet commodo nisl leo quis ligula. Vestibulum ut est vel felis rhoncus fermentum vel quis turpis. Sed nec augue non lorem facilisis eleifend eu sit amet mauris. Vestibulum in tellus et diam porttitor hendrerit sit amet quis mauris. Cras bibendum augue dolor, sed iaculis velit. Maecenas purus nulla, pulvinar semper scelerisque nec, tincidunt ac est. Duis pellentesque lacinia est vestibulum laoreet. In turpis tortor, tincidunt sit amet feugiat ac, tincidunt at lacus. Ut aliquet purus et justo tincidunt at viverra ligula cursus.
One Third
Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.
One Third
Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.
One Third
Suspendisse accumsan semper aliquam. Praesent sed consequat nibh. Suspendisse vel velit in dolor convallis tincidunt. Fusce ultrices imperdiet nunc in elementum. Maecenas ac convallis lorem. Quisque sagittis nisi id nisi dignissim et pellentesque tortor condimentum. Quisque lobortis eros a quam laoreet ultrices eu ac erat. Vestibulum convallis porttitor odio sit amet accumsan. Morbi tempor dapibus lorem, et sagittis mi vulputate non. Proin id metus quis sem tempor aliquet. Sed sed nisl non metus molestie suscipit. Etiam laoreet interdum facilisis. Sed posuere quam ac ipsum dignissim vulputate.
8. Custom Icon Lists
We have added a few different list styles that can be applied to any list you make. Simply wrap the list in the [ custom_list ] shortcode and choose your icon type (green check mark, red x or gray dot). The list will then be formatted accordingly.
- list item 1
- list item 2
- list item 1
- list item 2
- list item 3
- list item 4
- list item 1
- list item 2
- list item 1
- list item 2
- list item 3
- list item 4
- list item 1
- list item 2
- list item 1
- list item 2
- list item 3
- list item 4