Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #956446

    I’ve tried a variety of recommendations from the support forum, but I’ve not found a way to change the accordion icon color on my site. I’d like the active accordion icon color to be white. Here’s a link to screenshot to be sure that I’m asking you for the correct info: https://ibb.co/kxwLGJ

    Here’s what I currently have in Quick CSS…

    .toggler {
    color: #804223 !important;
    background-color: #f7f7f7 !important;
    }
    .toggler.activeTitle {
    background: #804223!important;
    color: white!important;
    }
    .active_tc .toggle_content {
    background: white!important;
    }
    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border: none!important;
    }
    .toggle_icon * {
    border: none!important;
    }
    .toggler .toggle_icon:before {
    content: ‘ ▸’;
    color: #2c2c2c;
    position: relative;
    top: -8px;
    }
    .toggler.activeTitle .toggle_icon:before {
    content: ‘▾’;
    color: #white !important;
    }

    #956818

    Hey neuropetvet,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    #956995

    See private content section

    #957340

    Hi,

    Thanks for that, though the login details are not working. Please check and verify.

    Best regards,
    Rikard

    #957517

    Sorry about that…Please try this password instead.

    Mark

    #958196

    Hi Mark,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .toggler.activeTitle .toggle_icon:before {
      color:black;
    }
    
    .toggler .toggle_icon:before {
      color:white !important;
    }

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.