Try this:
.nav li.dropdown > a:hover .caret {
border-top-color: #782D2D;
border-bottom-color: #782D2D;
}
.dropdown-menu > li > a:hover,
.navbar .nav > li > a:focus {
color:#782D2D;
}
Cheers, Stacy
Hm…that didn’t change anything. Any other suggestions?
As an aside, I don’t know why, but your site is blank for me unless I enable cookies. In general, I would just close the site in these situations. So you may be losing visitors.
The problem is that the theme uses CSS with higher specificity. You need this:
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret,
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret,
.navbar .nav > li.current-menu-item > a .caret,
.navbar .nav li.current-menu-ancestor > a .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.current-menu-item > a .caret,
.navbar .nav li.dropdown.current-menu-ancestor > a .caret,
.navbar .nav li.dropdown.open.current-menu-ancestor > .dropdown-toggle .caret {
border-top-color: #652626;
border-bottom-color: #652626;
}
I’ve pretty much thrown the kitchen sink in there (including for situations you aren’t currently encountering).
That CSS did not take care of the problem…
On another note: how do I take care of the cookies problem?
I cannot see that CSS anywhere. Where did you place it?
I had in the child theme CSS file…but I moved it to the custom css and now the arrows are maroon…but what about the text?
Weird. To check that your site problem wasn’t due to any of my Firefox plugins, I just disabled them and re-enabled them all. Now I can see the site without enabling cookies. Very sorry for the false alarm.
