Remy Documentation (free version)

Shortcodes

In this section you can learn how to use our shortcodes.

Accordion

Back to top

You can use Accordion to add collapsible content panels and show information in a shorter space.

[accordion title="your_title" opened="no" animation_delay="0" class_icon_closed="plus" class_icon_opened="minus" border="true" animate="" ][/accordion]
  • title: accordion's title
  • opened: [yes / no] show accordion opened at page loading or not
  • class_icon_opened: icon shown when accordion is opened
  • class_icon_closed: icon shown when accordion is closed
  • border: [yes / no] show a border or not
  • animate: [ none , bounce , flash , pulse , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight, bounceInUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , flip , flipInX , flipInY , lightSpeedIn , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rollIn ] shown an animation for the element
  • animation_delay: delay for the animation
  • content: content of the accordion

Add Space

Back to top

Print a space

[space height="30" ]
  • height: height (px) of empty space

Box Title

Back to top

Show a formatted title

[box_title class="" subtitle="" subtitle_font_size="15" font_size="15" border_color="#CDCDCD"
                animation_delay="0" font_alignment="center" border="middle" animate="" ][/box_title]
  • content: title of the box
  • class: custom CSS class added to the box
  • font_size: font size for box content
  • subtitle: subtitle of the box
  • subtitle_font_size: font size for subtitle
  • border: border position
  • border_color: border color
  • font_alignment: font alignment for box content
  • animate: [ none , bounce , flash , pulse , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight, bounceInUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , flip , flipInX , flipInY , lightSpeedIn , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rollIn ] set an animation for the element
  • animation_delay: delay time before animation starts

Button

Back to top

Show a custom button

[button href="#" icon_size="12" class="" target="" color="flat" dimension="normal" icon="None" animation="" animate="" animation_delay="0" ]button[/button]
  • href: URL of the link
  • target: target of the link
  • color: button’s look and feel
  • dimension:[ large / normal / small / mini] width of the button
  • icon: awesome icon in the button, see here a complete list of options
  • icon size: size of the awesome icon
  • animation: animation direction
  • animate: [ none , bounce , flash , pulse , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight, bounceInUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , flip , flipInX , flipInY , lightSpeedIn , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rollIn ] set an animation for the element
  • animation_delay: delay time before animation starts
  • class: custom CSS class addedd to the button

Call to action phone

Back to top

With this shortcode you can add a textual "call to action" where a telephone number and a text can be shown to users.

[button href="#" icon_size="12" class="" target="" color="flat" dimension="normal" icon="None" animation="" animate="" animation_delay="0" ]button[/button]
  • title title of the shortcode
  • background color: background color for call to action
  • phone: phone number
  • css: CSS class
  • animation: entrance animation for the call to action
  • animation delay: animation delay for call to action
  • your content: content to show in call to action

Dropcap

Back to top

Create a dropcap

[dropcap]L[/dropcap]

Show frontend for the FAQ

[faq filter="1" text_filterable="Filter to" category="0, 64, 63, 65, "]
  • filterable: enable FAQ filtering
  • text for filterable: text to show in filterable mode
  • category: FAQ categories to show

Highlight

Back to top

Show a text with custom font and background color

[highlight text_color="#000" background_color="#1e73be" ]lorem ipsum[/highlight] dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[highlight text_color="#000" background_color="#dd3333" ] Duis aute irure dolor[/highlight] in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • text color: color of the text
  • background color: color of the background

Show an icon

[icon icon_size="14" color="#797979" circle_size="35" spinning="no" icon_type="theme-icon" icon_theme="envelope-o" circle="yes" rotate="normal" ]
  • icon type: type of icon (theme-icon or custom icon)
  • icon size: font size for the icon
  • color: color of border and icon
  • circle: show circle around the icon
  • circle size: width of the circle around the icon
  • spinning: activate spinning animation
  • rotate: type of rotation

List Bullet

Back to top

Shows list bullets with custom icon

[list_bullet icon="star" animation_delay="0" icon_color="#f7c104"]
                
  • Quisque nec mi eu nibh aliquam elementum.
  • Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet.
  • Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare dieus.
  • Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet.
[/list_bullet]
  • icon: awesome icon used for bullet points, see here a complete list of options
  • icon_color: awesome icon color

Logged User

Back to top

Show logged user's info

[logged_user before="Hello " after="" display="display_name" ]
  • before: text before user's info
  • after: text after user's info
  • display: information to display

Logos Slider

Back to top

Show a slider with logos

[logos_slider title="Our Partners" items="-1" height="50" speed="500" ]
  • title: title of the slider
  • items: number of items to show
  • height: height of the slider
  • speed: time (milliseconds) before slider moves to next page

Separator

Back to top

Show a list of posts

[separator color="#cdcdcd" margin_top="40" margin_bottom="40" style="single"]
  • style: style of the separator [single | double | dotted | dashed]
  • color: separator color
  • margin_top: CSS properties for top margin [0-999] px
  • margin_bottom: CSS property bottom margin [0-999] px

Size Text

Back to top

Choose text size

[size px="45" perc="-1" em="-1" ]size of text[/size]
  • px: pixel unit of width
  • perc: percentual unit of width
  • em: em unit of width

Testimonial

Back to top

Show all posts on testimonials page

[testimonial items="-1" animation_delay="0" cat="0" style="square" animate="" ]
  • items: number of the items to show
  • cat: post categories to show
  • style: [ square / comic ] type of layout
  • animate: type of animation
  • animation delay: delay time before an animation starts

Testimonial Slider

Back to top

Show a slider with testimonials

[testimonial_slider items="-1" excerpt="32" speed="500" timeout="5000" cat="0" ]
  • items: number of the items to show
  • excerpt: limited number of words to show in the excerpt
  • height: height of the slider
  • speed: animation speed (milliseconds)
  • timeout: time (milliseconds) that has to pass before sliding to the new testimonial
  • pagination speed: time (milliseconds) that has to pass before moving to the next page
  • navigation: enable navigation or not
  • pagination: enable pagination or not
  • autoplay: play slider automatically
  • cat: post categories to show

Twitter

Back to top

Print a list with last tweets

[twitter username="" consumer_key="" consumer_secret="" access_token="" access_token_secret="" items="5"
class="last-tweets-widget" time="yes" animation_delay="0" animate="" ]
  • username: Twitter username
  • consumer key: field required by Twitter api
  • consumer secret: field required by Twitter api
  • access token: field required by Twitter api
  • access token secret: field required by Twitter api
  • items: number of items to show
  • class: container CSS class
  • time: show tweet time or not
  • animate: show type of animation
  • animation_delay: delay time before an animation starts

Blog Section

Back to top

Print a blog slider

[blog_section nitems="-1" enable_slider="yes" enable_thumbnails="yes" enable_date="yes" enable_title="yes" enable_author="yes" enable_comments="yes" animation_delay="0" animate="" ]
  • number of items: set the number of elements to show
  • enable slider: activate the slider or not
  • show thumbnails: show the thumbnails or not
  • show date: show the date or not
  • show title: show the title or not
  • show author: show the author or not
  • show comments: show comments or not
  • animate: type of animation
  • animation delay: delay time before an animation starts