How to Reverse colors?

  • CaitlynHannon

    (@caitlynhannon)


    10 years, 10 months ago

    Hello, this is what the website looks like: http://www.scottimmigration.com/

    I’m using the Personal Finance theme from Themepix. You can see up near the top that there is a red drop-down menu with gray lettering, and when you hover over a tab then the menu turns a bright red and the lettering turns white. Here’s my question: Is it possible to reverse these colors? Meaning, is there something I can change in the code (or add to custom CSS) so that the menu itself is bright red with white lettering, and when you hover over a tab then the red color gets duller and the lettering turns gray?

    I just feel that the way it looks when you hover over a tab would be a much brighter, cleaner look for the site homepage if it could look like that when you first click on the website. Any help will be greatly appreciated. Thanks!

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 10 months ago

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    body .navbar-inverse .navbar-nav > .open > a,
body .navbar-inverse .navbar-nav > .open > a:hover,
body .navbar-inverse .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #E7E7E7;
}

body .navbar-default .navbar-nav > .open > a,
body .navbar-default .navbar-nav > .open > a:hover,
body .navbar-default .navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #C11F1D;
}

Viewing 1 replies (of 1 total)

The topic ‘How to Reverse colors?’ is closed to new replies.