Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 14, 2019 at 11:10 pm #1110523
    MadRhino

    Hello guys,

    How would I need to go about (i) changing the font color of the Accordion title (all instances)? I only managed to change the hover state. (II) Is there a way to make the borders of the Accordion transparent (all instances)?

    As always, many thanks for your help.

    June 14, 2019 at 11:24 pm #1110528
    Jordan Shannon

    Hey MadRhino,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    June 15, 2019 at 11:25 am #1110638
    MadRhino

    Hey Jordan,

    Thanks for getting back to me. I managed to get in done by myself, except that the borders are still visible when the toggle is open.
    Otherwise, the look is exactly as I wanted.

    So how do make the borders transparent in the active/open toggle?

    Here is the code I have been using:

    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #22b3ed;
    }
    .active_tc .toggle_content {
    background: #ffffff!important;
    }
    p.toggler {
    border-color:transparent !important;
    }

    Does this make sense? Many thanks.

    June 16, 2019 at 4:49 am #1110747
    Rikard

    Hi,

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

    .active_tc .toggle_content {
  border-color:transparent;
}

    Best regards,
    Rikard

    June 17, 2019 at 11:41 am #1110983
    MadRhino

    Works.

    Many thanks, Rikard.

    June 17, 2019 at 6:26 pm #1111088
    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 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Accordion: Changing title font color + making borders transparent’ is closed to new replies.