Change Color of Arrow Pointer for submenu

[GR8FL]

Is this possible? Can it also be moved closer to the menu item?

See Hattie’s Garden

Thank you.

[scrambler]

.menu-primary .menu-arrows .toggle-submenu:after {color:red !important;}

 

[GR8FL]

It is still the same color. 🙁

This is what I put in. .menu-primary .menu-arrows .toggle-submenu:after {color:#FFFFF!important;}

But I also put in what you did with the space after red

[scrambler]

This reply has been accepted as the best answer.

Two problems

You need a space between the color and important.

BUT It looks like the rule below is already in your custom CSS file. So don’t add a new one, edit the existing one in yellow

It is way below that commented line

/* Custom CSS rules for Plain sub-theme */

.menu-primary .menu-arrows .toggle-submenu:after {color:#00BFFF !important;padding-left:1.3em!important;}

[GR8FL]

That bit of CSS was in there since 2015. See https://forum.weavertheme.com/forums/topic/conversion-to-xtreme-questions/

Thanks for finding this @Scrambler. I have now removed the padding-left:1.3em; and changed the color to white. All good.

[Author]

Posts