Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2023 at 5:04 pm #1378449
    engage24

    I am struggling to edit the accordion.
    I have added code for these accordions on this page http://hb.dev32.engage24.com/tr-grades-prek-1/ – To make the X blue.
    CSS used:
    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #2b3a97 !important;
    }

    But I would now like to make the X for this accordion on this page white. http://hb.dev32.engage24.com/parent-school-connection/ How can I target this accordion and not the others with CSS. I added a class to the accordion and tried this CSS but it’s not working.

    Class I added – magic-reading

    .magic-reading .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #ffffff !important;
    }

    Please can you help?

    Many thanks,
    Camilla

    January 13, 2023 at 6:41 am #1378514
    Nikko

    Hi Camilla,

    Thanks for giving us admin access.
    I have changed your code above with:

    .toggle_icon .vert_icon, 
.toggle_icon .hor_icon {
    border-color: #2b3a97 !important; 
}

.magic-reading .toggle_icon .vert_icon, 
.magic-reading .toggle_icon .hor_icon {
    border-color: #ffffff !important;
}

.av-elegant-toggle .toggle_icon {
    opacity: 1;
}

    And it seems to be working fine.
    Please review your website :)

    Best regards,
    Nikko

    January 13, 2023 at 9:26 am #1378543
    engage24

    Hi Nikko,

    Wonderful thank you, it worked perfectly.

    Have a great day further!

    Kind regards,
    Camilla

    January 13, 2023 at 10:25 am #1378550
    Nikko

    Hi Camilla,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

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