Tabs

The Tabs shortcode for WordPress can be used to display content in tabbed interface, with various style and color customizations. Check below for example implementations and shortcode documentation:

Tabs Examples

  • Tab 2
Content for the first tab.
Content for the second tab.
You may click on any of the tabs above to display the content inside each of them.

Tabs Shortcodes

Shortcode
[x3m-tabs background="#f5f5f5" textcolor="black" radius="10px"]
[x3m-tab title="Tab 1"] Content for the first tab. [/x3m-tab]
[x3m-tab title="Tab 2"] Content for the second tab. [/x3m-tab]
[/x3m-tabs]
The shortcode can be used to display content in multiple tabs / sections. This offers a content organisation capability which saves page space. Above example displays a light-grey 2 tabs content section.

Tabs Documentation

Here are the shortcode option settings available for tabs:

Shortcode Settings Details
background=”#f5f5f5″ This is used to set the background color of the tabs header & container.

Color names or HEX color codes can be used to set the desired color.

textcolor=”black” This is used to set the text color for the tabs title.

Color names or HEX color codes can be used to set the desired color.

radius=”10″ This is used to set corners’ radius of the tabs container, making them rounder or sharper.
title=”Tab 1″ This is used to set title on each individual Tab.