Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2018 at 10:07 pm #901704
    mcraig77

    Ahoy,

    I’m having some issues with my toggle styles. I have the below code. When I sue this code it works but when I roll over an active tab it turn dark blue. I tried searching the enfold threads and used inspector but couldn’t find the correct enfold setting or element to fix this.

    I basically want the togglers to be #FCFCFC and than when hovered something a little darker. I don’t want a rollover color on a active tab – I just want it to be that little darker color. I hope this makes sense…

    /* Toggler Style*/
.main_color .toggler {
background: #FCFCFC;
color: #666666;
}

/* Toggler Style*/
.toggler.activeTitle {
background: #f0f0f0;
color: #666666;
}
    January 24, 2018 at 10:13 am #902016
    Victoria

    Hey mcraig77,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.main_color .toggler.activeTitle:hover {
      background-color: #d7dcea0a;
}
.main_color .toggler:hover {
    background: #cac4c4;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 24, 2018 at 9:11 pm #902315
    mcraig77

    Boom Thanks!

    January 24, 2018 at 9:48 pm #902345
    Jordan Shannon

    Hi,

    I’m glad Victoria’s solution was able to help you. 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 ‘Accordion Toggle Style Issues’ is closed to new replies.