The arrow pointer is usually set to “auto” which means it will change as appropriate to the content. You can change it for particular elements using the “cursor” property. However the only way of changing the color is to create a .gif file which is a copy of the pointer you want but coloured in. You can then use the property cursor:url to point to it.
This page explains in more detail W3Schools
Sorry, I just spotted your other post on this, and now see what you are asking about so ignore my last reply. I had a quick look at your css but can’t immediately see where the green triangle is coming from. You could try adding a background image on current menu item hover that included the triangle in the correct hover colour. It might need a bit of fiddling with padding and margins to get it to behave.
Right, it’s been driving me mad all afternoon but I have now got the difinitive answer for you courtesy of this reply a few weeks ago.
I am assuming you are working with a child theme but if not please use one so that these changes don’t get overwritten if Expound is updated.
In your case I think you already done some of this so if you just add the following into your .css file
/*---------- triangle on hover ----------*/
.navigation-main ul > .current_page_item:hover a:after,
.navigation-main ul > .current-menu-item:hover a:after,
.navigation-main ul > .current-post-ancestor:hover a:after,
.navigation-main ul > .current-menu-ancestor:hover a:after,
.navigation-main ul > .current-menu-parent:hover a:after,
.navigation-main ul > .current-post-parent:hover a:after {
border-color: #fc03a5 #fff #fff;
}
that should work.
Obviously change the border color to your exact needs!
Thanks! That worked perfectly! I appreciate the help!
