This page contains all the shortcodes this theme features. You can usem everywhere in the theme.. 🙂 Feel free to use them and if something goes wrong or you do not understand it shoot us an email at support@ketchupthemes.com . Below you can find all the shortcodes, their code and examples. A Word of warning: When using shortcodes you should not leave a space between the ‘[‘ and the shortcode code.

Content & Layouts

1. Row shortcode — It creates a new row.Should use it always first.

[ new_row class="special_class" id="special_id" ] ...Content goes here ,you should use columns ... [ /new_row ]

This is a text in a new row. As you can see it is not align well because you need to nest in in a column or in columns..

2.Full width column — It should be used inside a row. It creates a full width element insiden this row.

[ one_full_column class="special_class" id="special_id" ] ...Content goes here [ /one_full_column]

This text is inside a new full width column. All columns are nested columns in a row. As you can see this text is perfectly aligned within this column.

3. Half columns — You can add columns till you reach 1/1. For example you can have up to 2 half columns within a row.

[ half_column class="special_class" id="special_id" ] ...Content goes here ... [ /half_column]

This text is inside a new half width column. All columns are nested columns in a row. As you can see this text is perfectly aligned within this column.

4. 1/3 Columns

[ a_third_column class="special_class" id="special_id" ] ...Content goes here ... [ /a_third_column]

This text is inside a third column. You can have up to three “third columns in a single new row.

5. 1/4 Columns

[ a_fourth_column class="special_class" id="special_id" ] ...Content goes here ... [ /a_fourth_column]

This text is inside a fourth column. You can have up to four “fourths” columns in a single new row.

This text is inside a third column. You can have up to four “fourths” columns in a single new row.

This text is inside a third column. You can have up to three “fourths” columns in a single new row.

6. 1/6 Columns

[ a_sixth_column class="special_class" id="special_id" ] ...Content goes here ... [ /a_sixth_column]

This text is inside a sixth column. You can have up to six “sixth” columns in a single new row.

This text is inside a sixth column. You can have up to six”sixth” columns in a single new row.

This text is inside a sixth column. You can have up to six “sixth” columns in a single new row.

7. 2/3 Column – This is a special column of 66.7% percent width. You can use it with the “a_third_column” in the same row.

[ a_two_third_column class="special_class" id="special_id" ] ...Content goes here ... [ /a_two_third_column]

Aenean non tincidunt nisi, et ullamcorper ante! Pellentesque quis rhoncus sem. In in nisi lacinia, sagittis justo vitae, mattis ligula.

8. 3/4 Column – This is a special column of 75% percent width. You can use it with the “a_fourth_column” in the same row.

[ a_three_fourth_column class="special_class" id="special_id" ] ...Content goes here ... [ /a_three_fourth_column]

Aenean non tincidunt nisi, et ullamcorper ante! Pellentesque quis rhoncus sem. In in nisi lacinia, sagittis justo vitae, mattis ligula.nisi, et ullamcorper ante! Pellentesque quis rhoncus sem. In in nisi lacinia, sagittis justo vitae, mattis ligula.

9. 5/6 Column – This is a special column of 80% percent width. You can use it with the “a_sixth_column” in the same row.

[ a_five_sixth_column class="special_class" id="special_id" ] ...Content goes here ... [ /a_five_sixth_column]

Buttons

This theme utilizes the Bootstrap 3 buttons with the help of the fontawesome icons. Buttons are actually links styled as buttons. You can set the target url if any.

10. Simple Buttons – Links

[ button class="special_class" id="special_id" type="btn-primary" size="btn-md" button_text="Link Text" url="http://example.com" url_target="_blank" fontawesome_class="fa-flag fa-2x"]

Link Text Default button Information Link Warning Link Danger Link

Largest Btn Smallest Smaller Btn

11. Spacer – A spacer adds space (margin top and margin bottom). By default it sets 10px top and 10px bottom margins..You can also add some padding top and padding bottom.

[ spacer class="special_class" id="special_id" margin_top="10px" margin_bottom="10px" padding_bottom="0px" padding_top= "0px"]

12. Title. Use this shortcode to create section titles . You can use it everywhere.There also an option of adding a subtitle as well.

[ title css_class="special_class" id="special_id" title="Title goes here" subtitle="Subtitle goes here" type="blank or inverted"]

Title goes here

This is the subtitle and it goes down here.Feeling free..

Only title without subtitle

I am an inverted title

13. Banner. Use this shortcode to create a section banner. You add an image url +the banner’s URL if there is any. Every image you upload it is made responsive.

[ banner class="special_class" id="special_id" banner_img_url="url here" banner_url=""]

14. Background color. You can wrap your contents, columns, rows into a background colored section..

[ background_color css_class="special_class" id="special_id" background_color="#colorhex" ]...content...[ /background_color]

This text is inside a third column. You can have up to three “third columns in a single new row.

15. Background Image. You can wrap your contents, columns, rows into an image background.

[ background_image css_class="special_class" id="special_id" background_img_url="background_img_url" image_height="write image height" ]...content...[ /background_image]

Ps: You can now also use the [ background_pattern ] shortcode.

Title goes here

Content Blocks, Sliders & Carousels

Maybe the most interesting part of the shortcodes are presented here.

16. Custom content block .

[ custom_content_block css_class="special_class" id="special_id" title="Block Title" subtitle="Block Subtitle" image_url="block_featured_image_url" content="text text and...text" read_more_link="http://example.com" read_more_text="Button Text"]

Nice title here..

Block Subtitle

Mauris molestie pellentesque neque, vel sagittis felis placerat porta! Pellentesque..Mauris molestie pellentesque neque, vel sagittis felis placerat porta!

Button Text

Block Title

Block Subtitle

Mauris molestie pellentesque neque, vel sagittis felis placerat porta! Pellentesque.. Mauris molestie pellentesque neque, vel sagittis felis placerat porta!

Button Text

Block Title

Block Subtitle

Mauris molestie pellentesque neque, vel sagittis felis placerat porta! Pellentesque..Mauris molestie pellentesque neque, vel sagittis felis placerat porta!

Button Text

Block Title

Block Subtitle

Mauris molestie pellentesque neque, vel sagittis felis placerat porta! Pellentesque..Mauris molestie pellentesque neque, vel sagittis felis placerat porta vel sagittis felis placerat porta!

Button Text

Block Title

Block Subtitle

Mauris molestie pellentesque neque, vel sagittis felis placerat porta! Pellentesque.. Mauris molestie pellentesque neque, vel sagittis felis placerat porta! vel sagittis felis placerat porta

Button Text

17. Category block. You can use this shortcode to create post block from certain categories.

[ category_block class="special_class" id="special_id" category_slug="The post category slug" posts_number="4"]

Business

Apple business insider

Etiam pulvinar finibus nunc, sed condimentum nulla efficitur id. Donec consequat mi...

May 2, 2015

Suit up professionals

Etiam pulvinar finibus nunc, sed condimentum nulla efficitur id. Donec consequat mi...

May 2, 2015

Creating an online business

In hac habitasse platea dictumst. Donec rhoncus eros quis felis sodales, sed...

April 30, 2015

The road to success is not as easy as you thing..

Kangaroo Island has been described as one of earth’s last unspoilt island...

April 30, 2015

Travel

Music makes the world go round

Sed tortor nisi, pulvinar in condimentum ut, porta nec elit. Cum sociis...

April 30, 2015

Travelling is the best cure..

The majestic Rocky Mountains are a major tourist location in the western...

April 30, 2015

Music

Music makes the world go round

Sed tortor nisi, pulvinar in condimentum...

April 30, 2015

Lets hear some music

Nam sagittis ipsum non lorem tempus...

April 28, 2015

Technology

Music makes the world go round

Sed tortor nisi, pulvinar in condimentum...

April 30, 2015

The importance of email and email clients.

Do you have your website up...

April 22, 2015

Enterpreneurs

Businesses all over the world!

Sed tortor nisi, pulvinar in condimentum...

April 30, 2015

Creating an online business is not hard as you may think..

Within this article today on creating...

April 23, 2015

Cars

Beetle vintage cars

Your car may have had its tint for so long that you have already gotten tired of it. Or, maybe,...

April 30, 2015

17. Tag block. You can use this shortcode to create post block from certain tags.

[ tag_block class="special_class" id="special_id" tag_slug="The tag slug" posts_number="3"]

Tag Blocks as well...

music

Music makes the world go round

Sed tortor nisi, pulvinar in condimentum ut, porta nec elit. Cum sociis natoque penatibus et...

April 30, 2015

Lets hear some music

Nam sagittis ipsum non lorem tempus fermentum. Nunc cursus sed mauris ullamcorper tincidunt! Fusce aliquam...

April 28, 2015

old car

Beetle vintage cars

Your car may have had its tint for so long that you have already gotten...

April 30, 2015

National car rental quality through years.

The National Car Rental is one of the oldest and the pioneer in the car...

April 23, 2015

18. Posts Slider. You can add a very slick posts carousel (latests posts) whenever you need it. Just add the shortcode below.

[ posts_slider css_class="special_class" id="special_id" post_number="5" orderby="title" category_slug="leave blank for all" post_excerpt_length="20" ]

Apple business insider

Etiam pulvinar finibus nunc, sed condimentum nulla efficitur id. Donec consequat mi nec consectetur elementum. Mauris cursus, tellus vitae luctus...

Suit up professionals

Etiam pulvinar finibus nunc, sed condimentum nulla efficitur id. Donec consequat mi nec consectetur elementum. Mauris cursus, tellus vitae luctus...

Call boxes renovated

Curabitur imperdiet sed tortor quis auctor. Sed eu libero id mi ornare sollicitudin id eu sapien. Donec lacinia purus et...

Mobile radiation

Morbi vel felis posuere, tincidunt ligula vitae; ultricies velit. Curabitur commodo eleifend libero a cursus! Fusce viverra turpis vel imperdiet...

Music makes the world go round

Sed tortor nisi, pulvinar in condimentum ut, porta nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur...

The importance of email and email clients.

Do you have your website up and running for your online business? How did you create your website? Your website...

Music makes the world go round

Sed tortor nisi, pulvinar in condimentum ut, porta nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur...

Lets hear some music

Nam sagittis ipsum non lorem tempus fermentum. Nunc cursus sed mauris ullamcorper tincidunt! Fusce aliquam vestibulum arcu, ut finibus enim...

The influence of blues guitar is amazing..

Anybody interested in modern music sooner or later asks the question, “Where did it begin?” Well, if you leave blues...

19.Posts Carousel. You can add a nice and slick carousel.

[ posts_carousel css_class="special_class" id="special_id" post_number="5" orderby="date" category_slug="leave blank for all" post_excerpt_lenght="10" carousel_posts_number="the number of the carousel items"]