Trouble changing color of menu

  • Resolved trader4300

    (@trader4300)


    8 years, 9 months ago

    Through help from many of you good folks, I thought I knew what I was doing but apparently these simple changes require a bit more learning for me.
    On my site, https://www.goodolddayscountryshop, I am using my product categories as a menu which is placed in the header section at the top. This seems to work for me because handheld users can now see the product categories within their menu dropdown at the top of their screen. However, for some reason the default hover color is white, or close to it. After several months of being bugged by this, I decided to change it. Simple enough task I thought.
    So, I cranked up Firefox and turned on the inspector. From the css code, I can see the code that controls this in the style.css file. I changed the color
    to something I like in the inspector and see that the hover color changes on the website. Cool. How easy to debug. So I open up my style.css file in my child theme and enter the code that I copied from the inspector. Saved my file and refreshed the browser on my website. Hmmm, hover is still white. Maybe I need to clear cache. Did that, hover is still white. What the heck!
    Why didn’t my change in my child theme work? Is there something overwriting my change?

    https://www.ads-software.com/plugins/woocommerce/

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

  • Hey there! ??

    Is this something like your CSS code?

    .main-navigation ul li a:hover {
    color: #f00;
}

    If it is, try adding !important to it..

    .main-navigation ul li a:hover {
    color: #f00 !important;
}

    Hope that helps. ??

    Thread Starter trader4300

    (@trader4300)

    Thanks for the tip, but that did not solve the problem. Seems like something in the customization is overwriting my changes in my CSS code but I can’t find it.
    Does anybody have any tricks to find out where this hover color is coming from?
    https://www.goodolddayscountryshop.com – the categories in the header image
    Thanks

    There are some parse errors in your child theme’s style.css. CSS can be fussy and these errors may be preventing some of your custom styles from being read. Consider working on your style.css until it validates using this service:
    https://jigsaw.w3.org/css-validator/#validate_by_input

    Thread Starter trader4300

    (@trader4300)

    Thanks Lorro. I fixed the errors that the tool you referenced found. But that didn’t change anything. The hover color is still white even though I have set it to blue. lorro, your extensive knowledge of coding has helped me in the past. I am hoping you can find this issue which would help me become a better debugger too.
    Thank-you
    John

    Hover colour here is blue, so maybe you fixed it. If not, more cache clearing is indicated…

    Thread Starter trader4300

    (@trader4300)

    OMG, your right. I haven’t done anything with the cache clearing so now I don’t know what I did to clear this up. Anyways, my style mods and the way I did them appear to be good. Thanks for looking!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Trouble changing color of menu’ is closed to new replies.