Change Accordion Icon

  • Resolved amandaconstantinides

    (@amandaconstantinides)


    4 years, 9 months ago

    I feel like I may be missing something simple. I would like to change the accordion arrow icons to plus/minus icons, but I can’t figure out how to do it. Can you offer a suggestion? Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support gdpavle

    (@gdpavle)

    Hi @amandaconstantinides,

    Thank you for reaching out.

    Although it sounds simple, I must admit it isn’t ??
    In order to change the accordion icons, you would have to add the following CSS code:

    summary::-webkit-details-marker {
  background: url(INSERT_SVG_ICON_HERE);
  color: transparent;
}

    Don’t forget to change the background URL and set the correct icon (preferably in SVG format).

    Best Regards,
    Pavle

    Thread Starter amandaconstantinides

    (@amandaconstantinides)

    Awesome! Thank you. I knew I was just missing something in my CSS.

    Plugin Support gdpavle

    (@gdpavle)

    Hey @amandaconstantinides,

    You’re welcome! Have a great rest of the day ??

    Best Regards,
    Pavle

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Accordion Icon’ is closed to new replies.