There are two types of tabbed blocks, both are styled using your theme.

Before (or after) creating tabbed or expanding blocks, you may want to adjust the visual presentation of both types of blocks.

Open the Theme Tab in the  Theme Press Designer .

Enable the Theme Designer by toggling the ON button.

You'll be prompted to acknowledge that you understand making changes to the theme will alter the look-and-feel of your site.

Locate the 'HTML Structure' portion of the theme

Expand the 'Regular Tabs' or 'Expander Tabs' area

The designer accordion will open, displaying multiple expanders.

Make design choices that will style both of these content areas

We recommend creating a working example (shown here) to view on the page, while making your design choices.


If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.