Changing menu colours – not working on child style sheet

[LunaLisa]

Hi.

Im working with the Parallax Pro theme.
I have created a custom.css style sheet to make me own css changes too.

I am trying to change the colour of a widget menu.
When i change the colour in the actual style.css is works. When i copy it exact and paste it into my custom.css it doesn't want to do change. I have got other custom css elements working in the style sheet at the moment, so the custom.css style sheet is working.

Here is the code I'm trying to change

.site-header .widget-area,
.site-header .widget-area a {
color: #fff;
}

.site-header .widget-area a:hover {
color: #f04848;
}

Any help would be greatly appreciated!

Thanks!

http://www.lunaink.dev

[jbergen]

Hi,

I'm not able to access your site, but my first thought is that you might need to add !important to override an instruction in a stylesheet that is loaded after your custom.css file.

For example, you would write:

.site-header .widget-area,
.site-header .widget-area a {
    color: #fff !important;
}

Let me know if that works.
Jamie

---

Jamie @ Ladebug Studios

[LunaLisa]

Thank you so much Jamie, that worked a treat!
I had to apply it to both the link and hover link colours but it works!

Im working locally for the first time, so I don't know how to share my site.

Thanks again!

Lisa

[Author]

Posts