Contents Shortcode

Contents Shortcode:

This shortcode allows adding a section with different contents to the page.

Content Settings:

Templates – Here you can choose template style for your contents shortcode (HR Consult FAQ’s, HR Consult Creative slider, HR Modern, HR Simple Text with icon).

HR Consult FAQ’s Style:

Faqs:

Add item – Please, click on the button to add new Faq item.

Item settings:

  • Title – Here you can add the title for current Faq item;
  • Description – Here you can add the description for the current Faq item.

First element is opened? – Turn on switcher if you want to display the first item opened.

Multi active items? – Turn on the switcher if you want to display multi-active items.

Title Typography:

If you turn on the switcher “Use custom font for title?” in Content Settings you can customize font for the title.

Alignment –  – Here you can select the title alignment. 
Text Color – Here you can select title color from the palette.
Typography items: 
  • Family – Here you can select the typography for the title;
  • Size – Here you can set up the title size;
  • Weight – Please, select the weight for the title;
  • Transform – This option allows to change the case of the text;
  • Style – Please, select text style for the title;
  • Decoration – Please, select style for the title decoration;
  • Line-Height – Here you can enter a line height for the title;
Content Typography:

If you turn on the switcher “Use custom font for content?” in Content Settings you can customize font for the content.

Alignment –  – Here you can select the content alignment. 

Text Color – Here you can select content color from the palette.

Typography items: 
  • Family – Here you can select the typography for the content;
  • Size – Here you can set up the content size;
  • Weight – Please, select the weight for the content;
  • Transform – This option allows to change the case of the text;
  • Style – Please, select text style for the content;
  • Decoration – Please, select style for the content decoration;
  • Line-Height – Here you can enter a line height for the content;

HR Consult Creative slider Style:

Slides:

Add Item – Please, click on the button to add a new item.

Item settings:

Image – Here you can choose the image for the item;

Title – Here you can add the title for the current item;

Use dot in the end title? – Turn on the switcher if you want to use dot at the end of the title;

Color for dot – Select the color for the dot (Dark or Light);

Description – Here you can add the description for the current item;

Buttons Direction – Choose the direction of the buttons (Horizontal or Vertical).

Add button? – Turn on the switcher to add the button for current banner slide. If you turn on the switcher, there are the next items:

Button items: 

  • Layout – Please, select the button layout.
  • Name – Please, enter the button text.
  • Link – Please, add a URL to the button.
  • Style – Here you can select the button style (dark or light).
  • Size – Here you can select button size (small or large).
  • Type – Here you can select the button type (reverse or transparent).
  • Box shadow – This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.

Add additional button? – Turn on the switcher to add the additional button for current banner slide.

Button items:

  • Layout – Please, select the button layout.
  • Name – Please, enter the button text.
  • Link – Please, add a URL to the button.
  • Style – Here you can select the button style (dark or light).
  • Size – Here you can select button size (small or large).
  • Type – Here you can select the button type (reverse or transparent).
  • Box shadow – This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.

Enable creative version – Turn on the switcher if you want to enable the creative version.

Swiper Settings:

Change swiper options? – Turn on switcher if you want to change the following swiper options:

  • Arrows – Turn on the switcher to display swiper in arrows style;
  • Pagination – Turn on the switcher to display the sliders pagination;
  • Effect Type – Here you can select from the list the effect type for swiper (Slide, Fade, Cube, Flip, Coverflow);
  • Loop – Turn on the switcher to display the loop effect;
  • Simulate Touch – Turn on the switcher to simulate touch effect;
  • Autoplay – Please, enter autoplay speed(in ms). 0 – autoplay off;
  • Speed – Please, enter speed(in ms);
  • Lazy load image – Amount of next/prev slides to preload lazy images in. (if 0 – lazy load off).

HR Modern Style:

Title – Here you can add the title. To Hightlight text insert text between: [[ Your Text Here ]]. For set some words for repeat animation separate them by coma : [[London,New York,Paris]]

Element tag for Title – Here you can select a tag for a title.

Element tag for text – Here you can select a tag for a text.

Text – Add some text.

Use custom font for the text? – Turn on the switcher if you want to customize the font for the text.

Color for content – Choose the color for content from the palette box.

Content background type – Select the type of content background (Color or Image).

Background for content – Choose the background color for content from the palette box.

Video Content Settings:

Add video? – Turn on the switcher if you want to add the video to the current content.

Video link – Add link to the button.

Style – Here you can select the video button style: primary, dark or light.

Size – Here you can select the video button size: standart, small or large.

Preview image for video – Here you can choose the image for video preview.

Button Settings:

Add button? – Turn on the switcher to add the button for current banner slide. If you turn on the switcher, there are the next items:

Button items: 

  • Layout – Please, select the button layout.
  • Name – Please, enter the button text.
  • Link – Please, add a URL to the button.
  • Style – Here you can select the button style (dark or light).
  • Size – Here you can select button size (small or large).
  • Type – Here you can select the button type (reverse or transparent).
  • Box shadow – This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
Text Typography:

If you turn on the switcher “Use custom font for text?” in Content Settings you can customize font for the text.
Alignment –  – Here you can select the text alignment. 
Text Color – Here you can select text color from the palette.
Typography items: 

  • Family – Here you can select the typography for the text.
  • Size – Here you can set up the text size.
  • Weight – Please, select the weight for the text.
  • Transform – This option allows to change the case of the text. 
  • Style – Please, select text style for the text.
  • Decoration – Please, select style for the text decoration.
  • Line-Height – Here you can enter a line height for the text.

HR Simple Text with icon Style:

Was this article helpful?

Related Articles