Contents

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

Layouts:

Here you can choose the template style for your Contents shortcode (Moovit Creative slider, Faq or Ninedok Faq

Moovit Creative slider Style:

Content Settings:

Link color - Select the color for the link here from the color palette.

Link color hover - Select the color for the link hover here from the color palette.

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

Slides:

  • Image - Here you can choose the image for the current slide.
  • Title -Here you can add your text for the title.
  • Use dot in the end title? - Turn on the switch if you want to use the dot at the end of the title.
  • Description - Here you can add the description text.
  • Buttons Direction - Please, select the button direction (horizontal or vertical).
  • Add button? - Turn on the switcher to add the button for the current slide. If you turn on the switcher, there are the next items. Here you can choose the layout (Classic or With Underline) and adjust all the necessary properties for your button depending on the layout. 

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 the skin generator.
  • Enable Full width - Turn on the switcher if you want to enable full width to the current button.
  • Add icon? - Turn on the switcher to add the icon for the current button.If you turn on the switcher, there are the next items:

Icon items:

  • Icon library - Please, select the icon library.
  • Icon font size - Enter icon font size with units. just use the number.
  • Icon position - Please, select the icon alignment.
  • Add additional button? - Turn on the switcher to add the additional button for the current slide. If you turn on the switcher, there are the next items.

Additional 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 Full width - Turn on the switcher if you want to enable full width to the current button.
  • Add icon? - Turn on the switcher to add the icon for the current button. If you turn on the switcher, there are the next items:

Icon items:

  • Icon library - Please, select the icon library.
  • Icon font size - Enter icon font size with units. just use the number.
  • Icon position - Please, select the icon alignment.

Enable creative version? - Turn on the switcher if you want to enable the creative version of the current item.

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 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 add the simulate touch.
  • 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).

Images size:

Image original size - Select the image size here.

Faq Style:

Content Settings:

Faqs:

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

Item settings:

  • Title - Here you can add the title to the current item.
  • Description - Here you can add the description for the current item.

First element is opened? - Turn on the switcher if you want to make the first element opened.

Multi active items? - Turn on the switcher if you want to make the elements multi-active.

Link color - Choose the color for the link from the color palette.

Link color hover - Choose the color for the link hover from the color palette.

How to customize typography you can check in Typography Settings Category:

Ninedok Faq Layout:

Content Settings:

Faqs:

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

Item settings:

  • Title - Here you can add the title to the current item.
  • Description - Here you can add the description for the current item.

First element is opened? - Turn on the switcher if you want to make the first element opened.

Link color - Choose the color for the link from the color palette.

Link color hover - Choose the color for the link hover from the color palette.

Use the custom font for description? - Turn on the switch if you want to use the custom font for the description.

Size icon - Set font size for icons. You need just to write the number.

Color icon - Please, choose the color for the icon here.

How to customize typography you can check in Typography Settings Category: