Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 29, 2014 at 8:53 pm #216611
    cerelogic

    Is there any way to customize the background color of the accordion in the Enfold theme that actually works with the Quick CSS?

    I’ve tried some of the examples here in this forum, but none of them work.

    For example I found this:

    .js_active, .toggler { background-color: red!important; color: white!important; }
    .toggle_icon, .toggle_icon .vert_icon, .toggle_icon .hor_icon { border-color: white!important; }

    Does NOT work, no matter which computer, browser, cleared cache. It just doesn’t work.

    Is there a way to change the accordion background color? Using the Black color scheme, the accordion background is set to #111111, but I would love to lighten the background.

    Thanks.

    January 30, 2014 at 1:27 am #216716
    Ismael

    Hey cerelogic!

    You can use this:

    .main_color .toggle_content {
background-color: gray;
}

    Regards,
    Ismael

    January 30, 2014 at 1:40 am #216724
    cerelogic
    This reply has been marked as private.
    January 30, 2014 at 7:15 am #216822
    Ismael

    Hey!

    I’m sorry but it does work on our end. Please give us a link to the page with the accordion. Just to be clear the code above is for the accordion content background color. This is for the accordion toggler or title:

    .main_color .toggler, .main_color .toggler.activeTitle:hover {
background: red;
background-color: red;
}

    Best regards,
    Ismael

    January 31, 2014 at 4:04 pm #217473
    cerelogic

    Thanks for that. Much appreciated

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Customize Enfold Accordian’ is closed to new replies.