Content Boxes

CONTEXT BOXES EXAMPLES

The Content Boxes Shortcode

This shortcode looks great on front pages. You can use your own icons. All you have to do is upload them and paste the image url inside the image parameter of the content box.  See the example bellow:

[content_boxes] [content_box title=”Design” image=”http://rockythemes.com/creativo/wp-content/uploads/2013/01/mobile.png” link=”http://themeforest.net/user/RockyThemes” id=”first”]Creativo is 100% responsive ready. Try resizing this window and you will see all the elements of Creativo adapting accordingly![/content_box] [content_box title=”Sliders” image=”http://rockythemes.com/creativo/wp-content/uploads/2013/01/images.png” link=”http://themeforest.net/user/RockyThemes” id=”second”]Creativo comes with two premium sliders: RevolutionSlider and LayerSlider. Creating an awesome slider has never been easier.[/content_box] [content_box title=”Colors” image=”http://rockythemes.com/creativo/wp-content/uploads/2013/01/equalizer.png” link=”http://themeforest.net/user/RockyThemes” id=”third”]Use the color options from the backend to create an infinite number of styles. It’s really easy to create your own styles![/content_box] [content_box last=”yes” title=” Fonts” image=”http://rockythemes.com/creativo/wp-content/uploads/2013/01/pencil.png” link=”http://themeforest.net/user/RockyThemes” id=”last”]Everybody loves fonts so Creativo comes with over 500+ Google Fonts. Just select the one you like from the backend![/content_box] [/content_boxes]

 

You can use the content box without any icons like so:

[content_boxes] [content_box title=”Design”  link=”http://themeforest.net/user/RockyThemes” id=”first”]Creativo is 100% responsive ready. Try resizing this window and you will see all the elements of Creativo adapting accordingly![/content_box] [content_box title=”Sliders” link=”http://themeforest.net/user/RockyThemes” id=”second”]Creativo comes with two premium sliders: RevolutionSlider and LayerSlider. Creating an awesome slider has never been easier.[/content_box] [content_box title=”Colors” link=”http://themeforest.net/user/RockyThemes” id=”third”]Use the color options from the backend to create an infinite number of styles. It’s really easy to create your own styles![/content_box] [content_box last=”yes” title=”Fonts” link=”http://themeforest.net/user/RockyThemes” id=”last”]Everybody loves fonts so Creativo comes with over 500+ Google Fonts. Just select the one you like from the backend![/content_box] [/content_boxes]

 

You can use the content box without any linking title like so:

[content_boxes] [content_box title=”Responsive Design” id=”first”]Creativo is 100% responsive ready. Try resizing this window and you will see all the elements of Creativo adapting accordingly![/content_box] [content_box title=”Awesome Sliders”  id=”second”]Creativo comes with two premium sliders: RevolutionSlider and LayerSlider. Creating an awesome slider has never been easier.[/content_box] [content_box title=”Unlimited Colors” id=”third”]Use the color options from the backend to create an infinite number of styles. It’s really easy to create your own styles![/content_box] [content_box  title=”500+ Google Fonts” last=”yes” id=”last”]Everybody loves fonts so Creativo comes with over 500+ Google Fonts. Just select the one you like from the backend![/content_box] [/content_boxes]

 

Or you can use the content box without any icons or titles like so:

[content_boxes] [content_box  id=”first”]Creativo is 100% responsive ready. Try resizing this window and you will see all the elements of Creativo adapting accordingly![/content_box] [content_box  id=”second”]Creativo comes with two premium sliders: RevolutionSlider and LayerSlider. Creating an awesome slider has never been easier.[/content_box] [content_box id=”third”]Use the color options from the backend to create an infinite number of styles. It’s really easy to create your own styles![/content_box] [content_box  id=”last”]Everybody loves fonts so Creativo comes with over 500+ Google Fonts. Just select the one you like from the backend![/content_box] [/content_boxes]