Shortcodes | Braunton Care

Below are the lists of all ReTouch shortcodes along with the different customization options for each one. The values for shortcodes has to always go in-between the quotations. For example, color="green".

[row]
  [column md="6"]
    …
  [/column]
  [column md="6"]
    …
  [/column]
[/row]

Parameter	Description	Required	Values	Default
xs	Size of column on extra small screens (less than 768px)	optional	1-12	false
sm	Size of column on small screens (greater than 768px)	optional	1-12	false
md	Size of column on medium screens (greater than 992px)	optional	1-12	false
lg	Size of column on large screens (greater than 1200px)	optional	1-12	false
offset_xs	Offset on extra small screens	optional	1-12	false
offset_sm	Offset on small screens	optional	1-12	false
offset_md	Offset on column on medium screens	optional	1-12	false
offset_lg	Offset on column on large screens	optional	1-12	false
pull_xs	Pull on extra small screens	optional	1-12	false
pull_sm	Pull on small screens	optional	1-12	false
pull_md	Pull on column on medium screens	optional	1-12	false
pull_lg	Pull on column on large screens	optional	1-12	false
push_xs	Push on extra small screens	optional	1-12	false
push_sm	Push on small screens	optional	1-12	false
push_md	Push on column on medium screens	optional	1-12	false
push_lg	Push on column on large screens	optional	1-12	false

[lead] … [/lead]

[emphasis type="success"] … [/emphasis]

Parameter	Description	Required	Values	Default
type	The type of label to display	required	muted, primary, success, info, warning, danger	muted

[code] … [/code]

Parameter	Description	Required	Values	Default
inline	Display inline code	optional	true, false	false
scrollable	Set a max height of 350px and provide a scroll bar. Not usable with inline=”true”.	optional	true, false	false

[table-wrap bordered="true" striped="true"]
    <table>
        <tbody>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
            </tr>
            <tr>
                <td>Data 1</td>
                <td>Data 2</td>
            </tr>
            <tr>
                <td>Data 3</td>
                <td>Data 4</td>
            </tr>
            <tr>
                <td>Data 5</td>
                <td>Data 6</td>
            </tr>
            <tr>
                <td>Data 7</td>
                <td>Data 8</td>
            </tr>
        </tbody>
    </table>
[/table-wrap]

Parameter	Description	Required	Values	Default
bordered	Set “bordered” table style (see Bootstrap documentation)	optional	true, false	false
striped	Set “striped” table style (see Bootstrap documentation)	optional	true, false	false
hover	Set “hover” table style (see Bootstrap documentation)	optional	true, false	false
condensed	Set “condensed” table style (see Bootstrap documentation)	optional	true, false	false

[button type="success" size="lg" link="#"] … [/button]

Parameter	Description	Required	Values	Default
type	The type of the button	optional	default, primary, success, info, warning, danger, link	default
size	The size of the button	optional	xs, sm, lg	none
block	Whether the button should be a block-level button	optional	true, false	false
xclass	Any extra classes you want to add	optional	any text	none
link	The url you want the button to link to	optional	any valid link	none
target	Target for the link	optional	any valid target	none
data	Data attribute and value pairs separated by a comma. Pairs separated by pipe (see example below).	optional	any text	none

[responsive visible="sm xs" hidden="lg"] … [/responsive]

Parameter	Description	Required	Values	Default
visible	Sizes at which this element is visible (separated by spaces)	optional	xs, sm, md, lg	false
hidden	Sizes at which this element is hidden (separated by spaces)	optional	xs, sm, md, lg	false

[icon type="arrow"]

Parameter	Description	Required	Values	Default
type	The type of icon you want to display	required	See Bootstrap docs	none

[button-group size="lg" justified="" vertical=""]
    [button link="#"] … [/button]
    [button link="#"] … [/button]
    [button link="#"] … [/button]
[/button-group]

Parameter	Description	Required	Values	Default
size	The size of the button group	optional	xs, sm, lg	none
justified	Whether button group is justified	optional	true, false	false
vertical	Whether button group is vertical	optional	true, false	false

[label type="success"] … [/label]

Parameter	Description	Required	Values	Default
type	The type of label to display	optional	default, primary, success, info, warning, danger	default

[badge right="true"] … [/badge]

Parameter	Description	Required	Values	Default
right	Whether the badge should align to the right of its container	optional	true, false	false

[jumbotron title="My Jumbotron"] … [/jumbotron]

Parameter	Description	Required	Values	Default
title	The jumbotron title	optional	Any text	none

[thumbnail] … [/thumbnail]
[thumbnail] … [/thumbnail]
[thumbnail] … [/thumbnail]

[alert type="success"] … [/alert]

Parameter	Description	Required	Values	Default
type	The type of the alert	required	success, info, warning, danger	success
dismissable	If the alert should be dismissable	optional	true, false	false
strong	Text to display in bold at the beginning	optional	any text	false

[media]
  [media-object pull="right"]
    …
  [/media-object]
  [media-body title="Testing"]
    …
  [/media-body]
[/media]

Parameter	Description	Required	Values	Default
pull	Whether the image pulls to the left or right	optional	left, right	right
title	The object title	required	Any text	none

[list-group]
  [list-group-item]
    …
  [/list-group-item]
  [list-group-item]
    …
  [/list-group-item]
  [list-group-item]
    …
  [/list-group-item]
[/list-group]

[panel type="info" title="Panel Title" footer="Footer text"] … [/panel]

Parameter	Description	Required	Values	Default
type	The type of the panel	optional	default, primary, success, info, warning, danger, link	default
title	The panel title	required	any text	none
footer	The panel footer text if desired	optional	any text	none

[well size="sm"] … [/well]

Parameter	Description	Required	Values	Default
size	Modifies the amount of padding inside the well	optional	sm, lg	normal

[tabs]
  [tab title="Home"]
    …
  [/tab]
  [tab title="Profile"]
    …
  [/tab]
  [tab title="Messages"]
    …
  [/tab]
[/tabs]

Parameter	Description	Required	Values	Default
title	The title of the tab	required	any text	false

[tooltip title="I'm the title" placement="right"] … [/tooltip]

Parameter	Description	Required	Values	Default
title	The text of the tooltip	required	any text	none
placement	The placement of the tooltip	optional	left, top, bottom, right	top
animation	apply a CSS fade transition to the tooltip	optional	any text	none
html	Insert HTML into the tooltip	optional	true, false	false

[popover title="I'm the title" content="And here's some amazing content. It's very engaging. right?" placement="right"]
   …
[/popover]

Parameter	Description	Required	Values	Default
title	The title of the popover	optional	any text	none
text	The text of the popover	required	any text	none
placement	The placement of the popover	optional	left, top, bottom, right	top
animation	apply a CSS fade transition to the tooltip	optional	any text	none
html	Insert HTML into the tooltip	optional	true, false	false

[collapsibles]
  [collapse title="Collapse 1" state="active"]
    …
  [/collapse]
  [collapse title="Copllapse 2"]
    …
  [/collapse]
  [collapse title="Copllapse 3"]
    …
  [/collapse]
[/collapsibles]

Parameter	Description	Required	Values	Default
title	The title of the collapsible, visible when collapsed	required	any text	false
type	The type of the panel	optional	default, primary, success, info, warning, danger, link	default
active	Whether the tab is expanded at load time	optional	active	false

[modal text="This is my modal" title="Modal Title Goes Here" xclass="btn btn-primary btn-large"]
    …
    [modal-footer]
        [button type="primary" link="#" data="dismiss,modal"]Dismiss[/button]
    [/modal-footer]
[/modal]

Parameter	Description	Required	Values	Default
text	Text of the modal trigger link	required	any text	none
title	Title of the modal popup	required	any text	none
xclass	Any extra classes you want to add to the trigger link	optional	any text	none

[rt_section id="" class="section" style="padding-top:25px; padding-bottom:25px;"]
    … 
[/rt_section]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the section	optional	any text	none
class	Any extra classes you want to add to the section	optional	any text	section
style	Any extra styles you want to add to the section	optional	css styles	padding-top:25px; padding-bottom:25px;

[rt_carousel id="carousel-example-generic" indicators="3" control="1"]
    [rt_carousel_item src="#" alt="" active="1"]
    [rt_carousel_item src="#" alt=""]
    [rt_carousel_item src="#" alt=""]
[/rt_carousel]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the carousel. You must have to give id name, if you want to use multiple carousel on same page!	optional	any text	carousel-example-generic
indicators	If you want to show indicators, you have to provide the total number of items carousel have	optional	number	false
control	If the control should be visible	optional	0, 1	false
src	The value of the src attribute is the URL of the image you want to display	required	url	none
alt	Alt text for the image	optional	any text	none
active	If the item should be active.	optional	0, 1	false

[rt_icon class="fa fa-camera-retro"]

Parameter	Description	Required	Values	Default
class	Class name of the icon	required	any text	none

[rt_container class="container"]
    ...
[/rt_container]

Parameter	Description	Required	Values	Default
class	Any extra classes you want to add to the container	optional	any text	container

[rt_callout class="action-box" title="Hey, are you ready to buy this awesome theme?" btn_class="btn btn-default" btn_url="#" btn_name="Purchase Now"]
    ...
[/rt_callout]

Parameter	Description	Required	Values	Default
class	Any extra classes you want to add to the callout	optional	any text	action-box
title	The callout title	optional	any text	Hey, are you ready to buy this awesome theme?
btn_class	The callout btn class name	optional	any text	btn btn-default
btn_url	The url you want the button to link to	optional	url	none
btn_name	Name of the button	optional	any text	Purchase Now

[rt_simple_title name="Simple Title"]

Parameter	Description	Required	Values	Default
name	Title Name	optional	any text	Simple Title

[rt_service icon="fa fa-camera-retro" title="Simple Title" boxed="1"]
    ...
[/rt_service]

Parameter	Description	Required	Values	Default
icon	Class name of the icon	required	any text	none
title	Service Title	required	any text	none
boxed	To display service as boxed layout	optional	0, 1	false

[rt_portfolio id="" column="col-sm-6 col-md-4" items="9"]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the portfolio. You must have to give id name, if you want to use portfolio shortcode more then once on same page!	optional	any text	none
column	You can use bootstrap predefined column classes for easy layout options	optional	any text	col-sm-6 col-md-4
items	Number of item to show	optional	number	9

[rt_caroufredsel_portfolio id="" title="Recent Works" flush="1" items="5"]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the caroufredsel portfolio. You must have to give id name, if you want to use caroufredsel portfolio shortcode more then once on same page!	optional	any text	none
title	Title of the caroufredsel portfolio section	optional	any text	Recent Works
flush	To remove padding and margins of columns	optional	0, 1	false
items	Number of item to show	optional	number	5

[rt_caroufredsel_posts id="" title="Recent Blog Posts" flush="1" posts="5"]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the caroufredsel post. You must have to give id name, if you want to use caroufredsel post shortcode more then once on same page!	optional	any text	none
title	Title of the caroufredsel post section	optional	any text	Recent Blog Posts
flush	To remove padding and margins of columns	optional	0, 1	false
posts	Number of post to show	optional	number	5

[rt_blog id="" column="col-sm-6 col-md-4" posts="10" layoutMode="masonry" category_name=""]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the blog section. You must have to give id name, if you want to use blog shortcode more then once on same page!	optional	any text	none
column	You can use bootstrap predefined column classes for easy layout options	optional	any text	false
posts	Number of post to show	optional	number	10
layoutMode	Posts layout mode	optional	fitRows, masonry	fitRows
category_name	Use category slug (NOT name)	optional	any text	none

[rt_partner id="" title="Our Partners" flush="1" items="5" category_name=""]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the partner. You must have to give id name, if you want to use partner shortcode more then once on same page!	optional	any text	none
title	The partner title	optional	any text	Our Partners
flush	To remove padding and margins of columns	optional	0, 1	false
items	Number of item to show	optional	number	5
category_name	Use category slug (NOT name)	optional	any text	none

[rt_testimonial id="" title="Testimonials" items="3" category_name=""]

Parameter	Description	Required	Values	Default
id	Unique id name you want to add to the testimonial. You must have to give id name, if you want to use testimonial shortcode more then once on same page!	optional	any text	none
title	The testimonial title	optional	any text	Testimonials
items	Number of item to show	optional	number	3
category_name	Use category slug (NOT name)	optional	any text	none

[rt_team title="Our Team" column="col-sm-6 col-md-4" flush="1" items="3" category_name=""]

Parameter	Description	Required	Values	Default
title	Title of the team section	optional	any text	false
column	You can use bootstrap predefined column classes for easy layout options	optional	any text	col-sm-6 col-md-4
flush	To remove padding and margins of columns	optional	0, 1	false
items	Number of item to show	optional	number	3
category_name	Use category slug (NOT name)	optional	any text	none

[rt_price title="Pricing Tables" column="col-sm-6 col-md-4" flush="1" items="3" category_name=""]

Parameter	Description	Required	Values	Default
title	Title of the price section	optional	any text	false
column	You can use bootstrap predefined column classes for easy layout options	optional	any text	col-sm-6 col-md-4
flush	To remove padding and margins of columns	optional	0, 1	0
items	number of item to show	optional	number	3
category_name	Use category slug (NOT name)	optional	any text	none

ReTouch Shortcode List

CSS

Components

JavaScript

Advanced

Grid Shortcode Back To Top

Lead Body Copy Shortcode Back To Top

Emphasis Shortcode Back To Top

Code Shortcode Back To Top

Tables Shortcode Back To Top

Buttons Shortcode Back To Top

Responsive Utilities Shortcode Back To Top

Icons Shortcode Back To Top

Button Groups Shortcode Back To Top

Labels Shortcode Back To Top

Badges Shortcode Back To Top

Jumbotron Shortcode Back To Top

Thumbnails Shortcode Back To Top

Alerts Shortcode Back To Top

Media Objects Shortcode Back To Top

List Groups Shortcode Back To Top

Panels Shortcode Back To Top

Wells Shortcode Back To Top

Tabs Shortcode Back To Top

Tooltip Shortcode Back To Top

Popover Shortcode Back To Top

Collapse (Accordion) Shortcode Back To Top

Modal Shortcode Back To Top

Section Shortcode Back To Top

Carousel Shortcode Back To Top

Font Awesome Shortcode Back To Top

Container Shortcode Back To Top

Callout Shortcode Back To Top

Simple Title Shortcode Back To Top

Service Shortcode Back To Top

Portfolio Shortcode Back To Top

Caroufredsel Portfolio Shortcode Back To Top

Caroufredsel Post Shortcode Back To Top

Blog Shortcode Back To Top

Caroufredsel Partner Shortcode Back To Top

Caroufredsel Testimonial Shortcode Back To Top

Team Shortcode Back To Top

Price Shortcode Back To Top