Search

Table of Contents

Advanced Tabs Block

You are here:

You can create an Advanced Tabs block when you need display a lot of content in a small area. The tabs are mobile-friendly, can be horizontal or vertical, and can be customized with your colors and design.


How to create an Advanced Tabs block

To insert an Advanced Tabs block, click the Advanced Tabs button in the Advanced Gutenberg category.


How to add and remove tabs

  • You can add tabs using the large + icon.
  • You can remove tabs using the yellow X icon.

Tab settings for the Advanced Tabs block

These settings allow you adjust the tab direction and also which tab people will see when they open the page:

  • Tabs style
    • Desktop, Tablet or Mobile
    • Horizontal or Vertical
  • Tabs settings
    • Initial Open Tab: Which tab will be open when users load the page.

Tab colors for the Advanced Tabs block

These settings allow you to control the main colors for your tabs:

Tab Colors

  • Background Color
  • Text Color
  • Active Tab Background Color
  • Active Tab Text Color

Body and border settings for the Advanced Tabs block

These settings allow you to control the body and border of your tabs:

  • Body Colors
    • Background Color
    • Text Color
  • Border Settings
    • Border Style: None, Solid, Dashed or Dotted
    • Border Color
    • Border Width
    • Border Radius

Default settings for all your Advanced Tabs blocks

You can set default options for every Advanced Tabs block added to your site. This is possible with the Default Blocks Config feature and it allows you to create a consistent look-and-feel for all your tabs.

  • Go to Adv. Gutenberg in your WordPress admin menu.
  • Click Configuration, then Default Blocks Config.
  • Click Advanced Tabs.

Tab Blocks inside other Tab Blocks

Sorry, we don't yet support loading tab blocks inside other tabs

Professional publishing plugins for WordPress! Get PublishPress