Tabs Block

1st Tab
2nd Tab
3rd Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis metus hendrerit, scelerisque ante quis, ullamcorper urna. Vivamus mattis, dui id ornare convallis, turpis risus congue leo, eget pretium turpis lorem fringilla felis. Nam ac lorem eget quam aliquet mollis id et orci. Vivamus imperdiet metus id ante tempor, eget pulvinar dui vestibulum. Cras justo neque, dictum nec dapibus rhoncus, porta sed lacus. Mauris ornare faucibus lacus, eu eleifend eros. Mauris finibus justo in eros tristique lobortis. Praesent sed lectus sit amet velit consectetur sagittis.

1st Tab
2nd Tab
3rd Tab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis metus hendrerit, scelerisque ante quis, ullamcorper urna. Vivamus mattis, dui id ornare convallis, turpis risus congue leo, eget pretium turpis lorem fringilla felis. Nam ac lorem eget quam aliquet mollis id et orci. Vivamus imperdiet metus id ante tempor, eget pulvinar dui vestibulum. Cras justo neque, dictum nec dapibus rhoncus, porta sed lacus. Mauris ornare faucibus lacus, eu eleifend eros. Mauris finibus justo in eros tristique lobortis. Praesent sed lectus sit amet velit consectetur sagittis.

Settings

This section will help you set up the number of tabs by dragging the slider.


Block Appearance

Under Block Appearance you can customize the look of the block. The available options are:

  1. Tab Text Color: This option controls the color of the tab’s text, for the default, hover & active states.
  2. Tab Background Color: This option controls the color of the tab’s background, for the default, hover & active states.
  3. Content Text Color: Control the color of the content.
  4. Content Background Color: Change the background color of the content.
  5. Content Border Color: This option modifies the color of the content’s borders.
  6. Padding: With this option you can individually (or collectively) control the padding on each side of the block.
  7. Margin: With this option you can individually (or collectively) control the margin on each side of the block.

Notice that the Padding and Margin options have three icons next to their label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the values of padding/margin for each device.


Visibility Settings

Via the Visibility Settings you can hide the block for certain type of device or user.

The Viewport visibility toggles allow you to hide the block on desktops, tablets and mobiles. You can choose to hide it on more than one device type.

The Authentication visibility toggles allow you to display the block only to logged in or logged out users.