Support » Fixing WordPress » How to change accordion icon color?

  • Hey guys!

    I need help to change my accordions icon color. I cannot find a suitable code that change the icon color to #ea8b2f.

    Thanks in advance

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Did you try?

    Dashboard >> Appearance >> Customiser >> Additional CSS

    .mk-css-icon-close div, .mk-css-icon-menu div {
        background-color: #ea8b2f;

    Thanks, I´ve just tried your option, however, it did not work for me. The color of the icon remain the same.

    unsure why it hasn’t worked as all worked in the browser inspector at this end?

    you could try the following as a compromise:

    Dashboard >> Appearance >> Customiser >> Additional CSS

    .mk-nav-responsive-link {
        z-index: 12;
        background-color: #ea8b2f;

    It should create a box in the background with the color chosen around the menu

    Rajan V


    Hi @dminke

    Try this code

    i.vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
        border-color: #FF0000 !important;

    To add CSS: use the “Additional CSS” option in the customizer.
    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.


    • This reply was modified 6 months, 1 week ago by  Rajan V.

    @judgerookie it did not work..

    But @rajanit2000, thanks. The code work when i out it in under the separate page setting CSS. However, it did not work when i put it in under additional CSS.

    Thanks for the help guys. The problem is solved now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change accordion icon color?’ is closed to new replies.