Hi,
You have provided me with below CSS to achieve this https://prnt.sc/1qba78s
I tried to use the same into my page (“Design”) yet it is not working.
can you help me with what I am missing here?
/* tabs */
.et-tabs-wrapper .tabs-nav {
border-bottom: none;
padding-bottom: 0px;
}
.page-wrapper .et-tabs-wrapper .tabs-nav li {
margin: 10px;
width: 150px;
max-width: 150px;
}
.page-wrapper .et-tabs-wrapper .accordion-title {
margin: 10px 0;
}
.page-wrapper .et-tabs-wrapper .tabs-nav li, .page-wrapper .et-tabs-wrapper .tabs .accordion-title {
border: 1px solid #999 !important;
background: #F0F0F0;
padding: 0 !important;
}
.tabs .tab-title, .page-wrapper .et-tabs-wrapper .accordion-title span{
padding: 10px 10px 10px 10px !important;
font-size: 16px !important;
font-weight: 500;
text-transform: none !important;
color: #999;
}
.tabs .tab-title:hover, .tabs .tab-title:focus, .page-wrapper .et-tabs-wrapper {
color: #e95d2a;
}
.et-tabs-wrapper .tabs .tab-title.opened,
.et-tabs-wrapper .tabs .tab-title:hover,
.page-wrapper .et-tabs-wrapper accordion-title:hover span,
.page-wrapper .et-tabs-wrapper .accordion-title.opened,
.page-wrapper .et-tabs-wrapper .accordion-title.opened span {
color: #fff!important;
background-color: var(--et_active-color);
}
.template-content .et-tabs-wrapper .tabs-nav li.et-opened:before,
.template-content .et-tabs-wrapper .tabs .accordion-title.opened:before,
.template-content .et-tabs-wrapper .tabs-nav li.et-opened:before {
display: none;
}
.et-tabs-wrapper .tabs-nav {
padding-bottom: 0px;
}