Menu arrow color

  • Hi,

    I’ve managed to re-code the coloring of the overall site for everything except the little arrows on the menu and the text color upon hover in the sub-menus. They are both blue and I need them to be the red color from my links. Please advice. I’ve tried everything in the child theme…I don’t have the CSS right.

    site: https://www.bradleysowash.com

Viewing 7 replies - 1 through 7 (of 7 total)

  • 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

    Thread Starter bradleysowash

    (@bradleysowash)

    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).

    Thread Starter bradleysowash

    (@bradleysowash)

    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?

    Thread Starter bradleysowash

    (@bradleysowash)

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Menu arrow color’ is closed to new replies.