[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

CherryFramework 4. How to use Tabs shortcode

This tutorial shows how to use Tabs shortcode in CherryFramework 4 themes.

  1. In order to insert shortcode into the page, use the Insert Shortcode button in Page or Post editor of WordPress Dashboard.

    cherryframework_4._how_to_use_tabs_shortcode_1

  2. Then, select Tabs shortcode.

    cherryframework_4._how_to_use_tabs_shortcode_2

    It includes the following options:

    cherryframework_4._how_to_use_tabs_shortcode_3

    1. Style – choose style for these tabs.

    2. Active tab – select which tab is opened by default.

    3. Vertical – shows tabs vertically.

    4. Class – extra CSS class.

    5. Content – the content of tabs.

  3. After doing this, press the Insert shortcode button.

    cherryframework_4._how_to_use_tabs_shortcode_4

  4. In order to add another shortcode within a tab, insert your content between elements like the following:

    cherryframework_4._how_to_use_tabs_shortcode_5

  5. Press the Update button to save changes and refresh your website.

    cherryframework_4._how_to_use_tabs_shortcode_6

That is the end of the tutorial. Now you know how to use Tabs shortcode in CherryFramework 4 templates.

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to use Tabs shortcode