Home Forums WoodMart support forum how to style an accordion with only the opened tabs?

how to style an accordion with only the opened tabs?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #27466

    Pavel
    Participant

    how to style an accordion with only the opened tabs?

    Attachments:
    You must be logged in to view attached files.
    #27491

    Artem Temos
    Keymaster

    Hi,

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

    Regards

    #27518

    Pavel
    Participant

    Yes

    #27519

    Artem Temos
    Keymaster

    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.

    #27521

    Pavel
    Participant

    link

    #27522

    Artem Temos
    Keymaster

    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;
    }
    #27530

    Pavel
    Participant

    unfortunately the information inside is not displayed all

    Attachments:
    You must be logged in to view attached files.
    #27539

    Artem Temos
    Keymaster

    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;
    }
    #27544

    Pavel
    Participant

    Yes, now everything is ok

    #27560

    Artem Temos
    Keymaster

    You are welcome!

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘how to style an accordion with only the opened tabs?’ is closed to new replies.