Need a Hopefully Simple CSS fix

  • Resolved vpsgeneral

    (@vpsgeneral)


    8 years, 3 months ago

    I recently was tasked with making some changes on a website for a client.
    I added a menu bar at the bottom of the website. However the color of the menu bar is dark grey which is unreadable on the background. The theme is “Office Responsive Business Theme” and its about 4 years old and no longer supported. I’m using a child theme. There is not an option to do so anywhere in theme options. So I need the CSS code that will change the color so the menu is readable.

    I’ve tried changing some color codes on the style sheet but it didnt change what i needed.

    Website is https://expresselectricnc.com

    Thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which ones the menubar in the footer?

    Thread Starter vpsgeneral

    (@vpsgeneral)

    in the bottom right corner. There is a secondary menu. If you use your mouse to hover you will see it. Its barely readable because of the dark grey font.

    The menu is: Homepage – About Us – Privacy Policy – Contact Us

    Hi @vpsgeneral,

    You may add a css style rule in your child theme’s stylesheet

    #menu-footer a{
    color: white !important;
    }

    or better first try this if it does not work then use above !important related rule:
    #footer-menu a{
    color: white;
    }

    @andrew , OP is referring to a menu which is almost invisible due to background, it is in the bottom right, next to copyright notice.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Oh I see, thanks. Moshin’s code will work, but if you need to use the !important declaration then you might as well use more specific selectors such as:

    
html #footer-menu a {
    color: white;
}
    Thread Starter vpsgeneral

    (@vpsgeneral)

    @warmarks Thank you so much! The code you gave fixed the problem! Thanks @andrew for responding as well.

    You guys rock, have a great weekend!

    Resolved!

    Great, glad it worked for you! You may mark the thread resolved!

    @andrew Thanks for sharing nice tip about !important avoidance with HTML as prefix!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need a Hopefully Simple CSS fix’ is closed to new replies.