Home Forums WoodMart support forum Remove highlighting of active element of Woodmart Accordion Reply To: Remove highlighting of active element of Woodmart Accordion

#344393

Luke Nielsen
Keymaster

Hello,

In order to change the active color for the accordions, please enter the below code to the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.tabs-layout-accordion .wd-tab-wrapper>.wd-accordion-title.active {
    color: var(--wd-title-color);
}

Also, you can open all accordion elements by default by means of the below custom CSS code, enter it to the “Custom CSS for desktop”.

.website-wrapper .tabs-layout-accordion .woocommerce-Tabs-panel {
	display: block !important; 
}

.website-wrapper .tabs-layout-accordion .wd-scroll-content {
	max-height: none;
}

.website-wrapper .tabs-layout-accordion .wd-accordion-title {
	pointer-events: none;
}

Kind Regards