Change Nav Bar Hover Colors

  • StevenPartinOH

    (@stevenpartinoh)


    9 years, 2 months ago

    Hello, I am working on a site for a customer of mine and they want the color of the nav bar buttons when hovered over changed. They do not like the current color (Purple) that is on there and would like an orange color.

    I have read and read through the stylesheet for the theme and can not seem to find where to edit this at. Any help is greatly appreciated! The site is sjmcmahanproperties.com. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator t-p

    (@t-p)

    9 years, 2 months ago

    There are many tools available for this kind of CSS work, for example:
    – Firefox with Firebug add-on: Help info on Firebug https://getfirebug.com/faq/
    – Newer IE/Chrome, etc., have similar tools
    – Also, check out Custom CSS Manager plugin: http://wordpress.org/plugins/custom-css-manager-plugin/
    – Alternately, try a dedicated CSS resource such as http://www.css-discuss.org/

    lorro

    (@lorro)

    9 years, 2 months ago

    Try this in your custom css:

    .navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{color:#ffffff; background-color:#d6671d}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus
{color:#ffffff; background-color:#b64700}

    I suggest you don’t edit stylesheet because it may be overwritten by the next theme update.

    I’m not familiar with your theme. Some themes have the facility to enter custom css. This may be at Appearance > Customise or Appearance > Theme Options. It may be called Custom CSS or Advanced Settings.

    If your theme does not have this feature, you can use a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Nav Bar Hover Colors’ is closed to new replies.