Introduction
We’ve created a number of really useful shortcodes that are included in all of our Premium Themes. These are really handy to get your content looking nice and neat for your visitors. In our collection you’ll from common buttons to jQuery tabs and toggles.
It’s simple to add shortcodes. From the publish page area press the ThinkUpShortcodes button and choose which shortcodes you want to insert. If you have problem please refer to the docs below or send us a message.
Buttons
Input Attributes: - Size: small, medium, large - Color: aqua, black, blue_dark, blue_light, brown, green_dark, green_light, grey, red_dark, red_light, pink, purple - Link: target url.
12 Button Colors
4 Button Styles
3 Button Sizes
Columns
2 Column
This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text.
This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text. This is sample text.
3 Column
This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text.
This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text.
This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text. This is sample text. This is some text.
4 Column
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
This is some sample text. This is some sample text. This is some sample text. This is some sample text.
5 Column
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
6 Column
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text.
Dividers
Icons (Colored)
Input Attributes: - icon: Address-book, Arrow, Arrow-back, Arrow-back-red, Arrow-red, Bookmark, Briefcase, Chat, Checkmark, Clock, Config, Database, Database-add, Database-warning, Database-x, Exclamation, Folder, Folder-add, Folder-remove, Graph, Heart, Heart-add, Heart-x, Home, Info, Lifesaver, List, Mail, Mail_forward, Mail_reply, Mail-add, Mail-spam, Mail-x, Music, No, Paper, Paper-add, Paper-arrow, Paper-arrow-back, Paper-pencil, Paper-warning, Paper-x, Pencil, Person, Person-add, Person-add-black, Person-black, Person-group, Person-group-add, Person-group-warning, Person-group-x, Person-warning, Person-warning-black, Person-white, Person-white-add, Person-white-warning, Person-white-x, Person-x, Person-x-black, Person-x-white, Photo, Piechart, Plus, Questions, Refresh, Rss, Screen, Search, Speech-Bubble, Speech-Bubble-add, Speech-Bubble-x, Warning, World, World-download, World-search, X - title: optional. - Link: optional.
Single Icons
Icons with Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.
Icons with Title & Text
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla.
Icons (Font Awesome)
Input Attributes: - title: optional - link: optional - icon: Select icon from the Font Awesome library. - color: light, dark - size: small, medium, large, extra large - background: on, off - spin: on, off
Single Icons
The entire Font Awesome icon catalogue has been included in our shortcodes. The Font Awesome icons included can be found here: Font Awesome Icons.
Icons with Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.
Icons with Title & Text – Style 1
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.
Icons with Title & Text – Style 2
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi nulla quis.
Lightbox
Images
YouTube
Vimeo
No Vimeo thumbnail exists. Please specify a thumbnail to use.
Notification Boxes
Input Attributes: - type: download, error, info, message, normal, question, stop, success, warning
With Icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
No Icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Pricing Table
Input Attributes (general): - width: specify the width of the entire pricing table (px) - linktext: change the Buy Now button text (optional) Input Attributes (individual): - title: optional - price: price 1, price 2, price 3, price 4... - size: small, big, small, small... - rows: row 1, row 2, row 3, row 4... - icons: tick, tick, cross, cross... - link: url 1, url 2, url 3, url 4...
Progress Bars
Input Attributes: - title: optional - style: normal, info, success, warning, danger - progress: 0% - 100% - show: on, off
5 Colors Styles
3 Effects
Social Media
Facebook – Like Button
Twitter – Tweet Button
Twitter – Follow Button
LinkedIn – Share Button
Google+ – Recommend Button
Tabs
Tabs – Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id..
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit.
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero..
Tabs – Style 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id..
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit..
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero..
Toggles
Toggle – Style 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id orci ac turpis.
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit sed tincidunt vestibulum.
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero quis vehicula condimentum.
Toggle – Style 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue diam gravida arcu porta feugiat. Pellentesque convallis laoreet pellentesque. Sed scelerisque rhoncus felis. Aliquam euismod vestibulum nisl, sed congue mi condimentum sit amet. Maecenas scelerisque convallis lacus, a sollicitudin sapien mollis in, morbi id orci ac turpis.
Fusce sit amet ultrices ante, non ullamcorper dui. Donec ut tincidunt eros. Nunc consequat at orci sed dictum. Donec sagittis erat. Sed semper pellentesque est nec bibendum. Ut pretium gravida arcu laoreet cursus. Pellentesque lectus purus, mollis posuere mauris eget, dapibus lobortis urna. Nulla rhoncus eu velit sed tincidunt vestibulum.
Morbi sollicitudin malesuada facilisis. Cras sed est vestibulum massa commodo mattis. Donec malesuada tincidunt pretium. In sollicitudin nulla vitae neque pellentesque commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla sit amet tortor venenatis suscipit congue a justo. Sed rhoncus libero quis vehicula condimentum.