Style your tabs more like folders.

Add this to your Custom CSS area:

/**
 * Tabs Plugin
 * From Will-Myers.com
 * Tab Folder Style
**/
div.wm-tabs{
  --nav-background-color: lightgray;

  //Default Tab Color
  --tab-button-color: black;
  --tab-button-background: transparent;

  //Active Tab Color
  --tab-button-active-color: black;
  --tab-button-active-background: white;

  //Container Border & Shadow
  --shadow-color: #ddd;
  --border-width: 0px;
  --border-color: #ddd;

  //Don't adjust below here
  .tabs-wrapper {
    border-width: var(--border-width);
    border-color: var(--border-color);
    border-style: solid;
    box-shadow: var(--shadow);
  }
  //Style Resets
  --tabs-header-gap: 0px;
  --tab-indicator-display: none;
  --tab-button-border-radius: 0px;
  --tab-content-padding-start: 0px;
  --shadow: 0.3px 0.5px 0.7px var(--shadow-color),
    0.8px 1.6px 2px -0.8px var(--shadow-color),
    2.1px 4.1px 5.2px -1.7px var(--shadow-color),
    5px 10px 12.6px -2.5px var(--shadow-color);

  &[data-navigation-type*="horiz"]{
    --tabs-header-border-bottom-width: 0px;
    --nav-padding-bottom: 0px;
    .tabs-header {
      padding-top:0px;
    }
  }
  &[data-navigation-type*="verti"]{
    --nav-padding-right: 0px;
    --tabs-nav-border-width: 0px;
    .nav-container {
      background: var(--nav-background-color)
    }
  }
}
Previous
Previous

Inline Image Tabs