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)
}
}
}