Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2019 at 4:23 pm #1055495
    ezvisa

    Hi there;
    I want to create Accordion with Alternate tab colors but when I add the CSS to quick CSS, nothing change.
    You can see here: https://ezvisa.vn/visa-quoc-te/visa-booking-chu/#toggle-id-1-closed
    The CSS I add is exactly what in your instruction:
    /*—————————————-
    // CSS – Alternate tab color
    //————————————–*/

    /* Even tab color */
    .av-accordion-bg-alternate .av_toggle_section:nth-child(even) .toggler {
    background: #3369e7;
    }

    /*Odd tab color */
    .av-accordion-bg-alternate .av_toggle_section:nth-child(odd) .toggler {
    background: #00aeff;
    }

    /* Remove default tab style */
    .av-accordion-bg-alternate .toggler,
    .av-accordion-bg-alternate .toggler.activeTitle:hover {
    border:none;
    color:#eee;
    }
    Hope to receive feedback early. Thanks

    January 21, 2019 at 1:18 pm #1056614
    Nikko

    Hey ezvisa,

    Try using this css code instead:

    .togglecontainer .av_toggle_section:nth-child(even) .toggler {
    background: #3369e7;
}

.togglecontainer .av_toggle_section:nth-child(odd) .toggler {
    background: #00aeff;
}

.togglecontainer .toggler, .togglecontainer .toggler.activeTitle:hover {
    border: none;
    color: #eee;
}

    Best regards,
    Nikko

    January 23, 2019 at 7:14 am #1057595
    ezvisa

    Thanks Niko.
    I solve all my problems. You can close this topic.

    January 23, 2019 at 9:18 am #1057644
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘CSS Accordion not work’ is closed to new replies.