Change the color of header links when hovered over.

Hi

According to the skin color you′ve chosen for instace orange.

find: wp-content/themes/customizr/inc/css/orange.css

around line 4065 you′ll find:

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #f78c40;

play with color:
I guess that will do the trick.

Hey stickFinger,

I am new to coding and websites and have no idea where to even begin to find that directory. Could you break it down. If I can find it I will know what to do then. Thank you.

Hi citi11411

Dou you hava access through ftp?
That file resides on customizr directory. All wp themes are stored on your wp-content/themes directory so….try to find the path:

wp-content/themes/customizr/inc/css/orange.css

better now? ??

@citi11411: You shouldn’t be modifying the theme’s stylesheets (that is, don’t modify orange.css as suggested above), as any changes will be lost when you upgrade.

You should create a child theme (don’t worry, it’s very easy; instructions here) and paste the following into your new style.css:

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #F67D28;
}

Change #F67D28 to a color of your choice (choose colours here).

Good luck ??

hi ElectricFeet

(that is, don’t modify orange.css as suggested above)

Actually i did not suggested nothing. I only tried to show the way …
and if i′m not wrong there is a place to insert custom css via customizr panel, isn′t it?

Trouble is that people who are new to websites may not even be able to find orange.css.

Yes, there is a Custom CSS panel, but it won’t work in this case, as there are “>” characters in there.