3.0 Theme Shortcodes

This thee provides a series of shortcodes to display sliders, carousels or other elements.

You can use the shortcodes in the classic way, or you can use Visual Composer where every shortcode has its own Drag ‘n Drop item.

Important: the following items needs to stay in a 12 columns row (do not put them in multi column- rows)

  • Post Carousel
  • Featured Event
  • Hero Box
  • Post Hero
  • Slideshow
  • post Grid
  • Testimonial Slideshow
  • Event Slideshow
  • Sponsor Carousel

This is a list of shortcodes and parameters:

Hero Box

The hero box creates super bold texts via shortcodes. The content will be the heading of your page as is wrapped into an H1 tag, perfect for SEO optimization.

How to create a hero box:

Add a new element and choose Hero Box

Click on the tiny arrow to edit the text

Click the + button to add more rows, you can specify the size of each row with the dropdown menu:

Hero list

Buttons

Add buttons stiled with the theme’s design. You can choose style, size, text, link and alignment.

Captions: there are 3 captions format, small, medium and large

Caption large

Centered huge caption for a section.

[qt-caption-large title=”Section Title” class=”YourExtraClassCss”]

 

Caption Medium

Centered huge caption for a section.

[qt-caption-med title=”Section Title” class=”YourExtraClassCss”]


Caption Small

Left aligned caption, smaller.

[qt-caption-small title=”Section Title” class=”YourExtraClassCss”]


Spacer

Adds a vertical spacing (responsive) to avoid using Visual Composer spaging and maintain the original theme’s vertical rhythm.

[qt-spacer size=”m”]

size: it can be s, m or l, which stands for small, medium or large.


This shortcode allows to display a specific event or the first event occurring by event date. Allows to display also a countdown.

 

[qt-event-featured id=”” label=”” countdown=””]

id: specify the ID of an event or leave blank for the first upcoming

label: text of the header for the featured event

countdown: set to 1 to display a countdown

 

To create an events carousel, choose Post Carousel, and select the post type “Event”. The items will be ordered by event date, and past events will behidden.

 

Events Slideshow

 

 

You can filter events by Eventtype Slug, which you can find going in the posttype list and clicking “quick edit” on your chosen term.

 

Post grid

Displays a grid of posts in 4 columns with title below the picture.

[qt-post-grid category=”” quantity=””]

category: specify a category slug to filter posts (Not the ID, the SLUG!)

quantity: number, use multiples of 4


Post hero

Displays a huge post banner with background image and excerpt.

[qt-post-hero category=”” quantity=””]

id: display a single post with this numeric ID

category: specify a category slug to filter posts (Not the ID, the SLUG!)

quantity: number


Post Carousel

Display a carousel of posts. You can use any post type, the layout of the elements will be chosen correspondly. Only the post types of this theme are supported.

For any posttype, you can specify a category filter of the corresponding post type.

To find the slug, visit the list of the categories, and “quick edit” the selected category to reveal the slug.

[qt-slideshow-carousel category=”” quantity=””]

category: specify a category slug to filter posts (Not the ID, the SLUG!)

quantity: number, use multiples of 4


Post Slideshow

Display a slideshow of posts.

[qt-slideshow category=”” quantity=””]

category: specify a category slug to filter posts (Not the ID, the SLUG!)

quantity: number, use multiples of 4


 

Displays a list of sliding sponsors. You can choose the amount of items per row, 4 or 6, and the number will adapt for mobile devices (3 for tablets, 1 for mobile phones) 

 

Video Galleries

The videos added with the Video post type can be displayed in a filterable gallery.

To customize the styling of the gallery such as colors and spacings, you can go in Settings->VideoLove.
the font size of the titles is handled by the theme’s styling.

Choose the post Carousel element, and set the required post type:

Icons

This theme bundles the Icons2go premium plugin. The manual is included in the them’s product folder.