Shortcodes
[rt_section style=”margin-top:-42px; padding-bottom:4px;”]
ReTouch Shortcode List
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"
.
[/rt_section]
[rt_section style=”padding-top:25px; padding-bottom:5px;”]
[row]
[column md=”3″ sm=”6″]
CSS
[/column]
[column md=”3″ sm=”6″]
Components
- Icons
- Button Groups
- Labels
- Badges
- Jumbotron
- Thumbnails
- Alerts
- Media Objects
- List Groups
- Panels
- Wells
[/column]
[column md=”3″ sm=”6″]
JavaScript
[/column]
[column md=”3″ sm=”6″]
Advanced
- Section
- Carousel
- Font Awesome
- Container
- Callout
- Simple Title
- Service
- Portfolio
- Caroufredsel Portfolio
- Caroufredsel Posts
- Blog
- Caroufredsel Partner
- Caroufredsel Testimonial
- Team
- Price
[/column]
[/row]
[/rt_section]
[rt_section id=”grid” style=”margin-top:-42px; padding-bottom:4px;”]
Grid Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”lead-body-copy” style=”margin-top:-42px; padding-bottom:15px;”]
Lead Body Copy Shortcode Back To Top
[[lead] … [/lead]]
[/rt_section]
[rt_section id=”emphasis-classes” style=”margin-top:-42px; padding-bottom:4px;”]
Emphasis Shortcode Back To Top
[[emphasis type="success"] … [/emphasis]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
type | The type of label to display | required | muted, primary, success, info, warning, danger | muted |
[/rt_section]
[rt_section id=”code” style=”margin-top:-42px; padding-bottom:4px;”]
Code Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”tables” style=”margin-top:-42px; padding-bottom:4px;”]
Tables Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”buttons” style=”margin-top:-42px; padding-bottom:4px;”]
Buttons Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”responsive-utilities” style=”margin-top:-42px; padding-bottom:4px;”]
Responsive Utilities Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”icons” style=”margin-top:-42px; padding-bottom:4px;”]
Icons Shortcode Back To Top
[[icon type="arrow"]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
type | The type of icon you want to display | required | See Bootstrap docs | none |
[/rt_section]
[rt_section id=”button-groups” style=”margin-top:-42px; padding-bottom:4px;”]
Button Groups Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”labels” style=”margin-top:-42px; padding-bottom:4px;”]
Labels Shortcode Back To Top
[[label type="success"] … [/label]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
type | The type of label to display | optional | default, primary, success, info, warning, danger | default |
[/rt_section]
[rt_section id=”badges” style=”margin-top:-42px; padding-bottom:4px;”]
Badges Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”jumbotron” style=”margin-top:-42px; padding-bottom:4px;”]
Jumbotron Shortcode Back To Top
[[jumbotron title="My Jumbotron"] … [/jumbotron]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
title | The jumbotron title | optional | Any text | none |
[/rt_section]
[rt_section id=”thumbnails” style=”margin-top:-42px; padding-bottom:15px;”]
Thumbnails Shortcode Back To Top
[[thumbnail] … [/thumbnail]]
[[thumbnail] … [/thumbnail]]
[[thumbnail] … [/thumbnail]]
[/rt_section]
[rt_section id=”alerts” style=”margin-top:-42px; padding-bottom:4px;”]
Alerts Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”media-objects” style=”margin-top:-42px; padding-bottom:4px;”]
Media Objects Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”list-groups” style=”margin-top:-42px; padding-bottom:15px;”]
List Groups Shortcode Back To Top
[[list-group]
[list-group-item]
…
[/list-group-item]
[list-group-item]
…
[/list-group-item]
[list-group-item]
…
[/list-group-item]
[/list-group]]
[/rt_section]
[rt_section id=”panels” style=”margin-top:-42px; padding-bottom:4px;”]
Panels Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”wells” style=”margin-top:-42px; padding-bottom:4px;”]
Wells Shortcode Back To Top
[[well size="sm"] … [/well]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
size | Modifies the amount of padding inside the well | optional | sm, lg | normal |
[/rt_section]
[rt_section id=”tabs” style=”margin-top:-42px; padding-bottom:4px;”]
Tabs Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”tooltip” style=”margin-top:-42px; padding-bottom:4px;”]
Tooltip Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”popover” style=”margin-top:-42px; padding-bottom:4px;”]
Popover Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”collapse-accordion” style=”margin-top:-42px; padding-bottom:4px;”]
Collapse (Accordion) Shortcode Back To Top
[[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 |
[/rt_section]
[rt_section id=”modal” style=”margin-top:-42px; padding-bottom:4px;”]
Modal Shortcode Back To Top
[[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]
Section Shortcode Back To Top
[[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_section id=”rt_carousel” style=”margin-top:-42px; padding-bottom:4px;”]
Carousel Shortcode Back To Top
[[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_section]
[rt_section id=”rt_font_awesome” style=”margin-top:-42px; padding-bottom:4px;”]
Font Awesome Shortcode Back To Top
[[rt_icon class="fa fa-camera-retro"]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
class | Class name of the icon | required | any text | none |
[/rt_section]
[rt_section id=”rt_container” style=”margin-top:-42px; padding-bottom:4px;”]
Container Shortcode Back To Top
[[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_section]
[rt_section id=”rt_callout” style=”margin-top:-42px; padding-bottom:4px;”]
Callout Shortcode Back To Top
[[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_section]
[rt_section id=”rt_simple_title” style=”margin-top:-42px; padding-bottom:4px;”]
Simple Title Shortcode Back To Top
[[rt_simple_title name="Simple Title"]]
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
name | Title Name | optional | any text | Simple Title |
[/rt_section]
[rt_section id=”rt_service” style=”margin-top:-42px; padding-bottom:4px;”]
Service Shortcode Back To Top
[[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_section]
[rt_section id=”rt_portfolio” style=”margin-top:-42px; padding-bottom:4px;”]
Portfolio Shortcode Back To Top
[[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_section]
[rt_section id=”rt_caroufredsel_portfolio” style=”margin-top:-42px; padding-bottom:4px;”]
Caroufredsel Portfolio Shortcode Back To Top
[[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_section]
[rt_section id=”rt_caroufredsel_posts” style=”margin-top:-42px; padding-bottom:4px;”]
Caroufredsel Post Shortcode Back To Top
[[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_section]
[rt_section id=”rt_blog” style=”margin-top:-42px; padding-bottom:4px;”]
Blog Shortcode Back To Top
[[rt_blog id="" column="col-sm-6 col-md-4" posts="10" layoutMode="masonry"]]
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 |
[/rt_section]
[rt_section id=”rt_caroufredsel_partner” style=”margin-top:-42px; padding-bottom:4px;”]
Caroufredsel Partner Shortcode Back To Top
[[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_section]
[rt_section id=”rt_caroufredsel_testimonial” style=”margin-top:-42px; padding-bottom:4px;”]
Caroufredsel Testimonial Shortcode Back To Top
[[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_section]
[rt_section id=”rt_team” style=”margin-top:-42px; padding-bottom:4px;”]
Team Shortcode Back To Top
[[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_section]
[rt_section id=”rt_price” style=”margin-top:-42px; padding-bottom:4px;”]
Price Shortcode Back To Top
[[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 |
[/rt_section]