how to style an accordion with only the opened tabs?

how to style an accordion with only the opened tabs?

Attachments:

You must be logged in to view attached files.

Hi,

Do you mean disable accordion functionality and make all tabs always opened?

Regards

Yes

Could you please turn on the accordion on your product page and send us a link where we can see it? We will try to prepare a custom CSS snippet for you.

link

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.woodmart-accordion-title.active {
    color: #4d4d4d;
}

.woodmart-accordion-title {
    cursor:default;
	pointer-events: none;
}

.tabs-layout-accordion .woodmart-tab-wrapper .wc-tab {
    display: block!important;
}

unfortunately the information inside is not displayed all

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.tabs-layout-accordion .woodmart-scroll .woodmart-scroll-content {
	max-height: 100%!important;
}

Yes, now everything is ok

You are welcome!

[Author]

Posts