a{
color:red;
}
#header-bottom .r-color{
color:red;
}
thank you!
Now do you see at the top header where blue is highlighted, how do I make that red?
Exactly the way you changed the colour of the other elements. Only this time, you are changing the background colour instead of the text colour.
#main-menu > li:hover > a, #main-menu > li.current-menu-item > a{
background:red;
}
This code says: Find the elements, and apply a red background to them.
ah I am begging to understand it a bit better now. Are you grabbing the code from the editor then placing it in CSS?
For instance, the last thing I need to do is change the blue header color from to red, so I just get the code from editor?
Thanks, Emily, you’ve been great help 🙂
Exactly, well figured!
If you work in Chrome or Firefox, what you need to do is right click on the element you want to change, and choose “inspect element” in the right click menu, so that you can find out the right CSS selector for that element.
In the CSS in your editor, put that selector before curly brackets, and edit away!
🙂
Ah. I don’t understand why someone couldn’t just tell me that! ha.
Thanks a million 🙂
I guess people usually come to the forums to find help. And the moderators have their hands all full already. I saw your question only by coincedence. But I’m sure glad I could be of help.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not satisfied with the frequency of support provided on these forums then please consider hiring someone rather than creating multiple topics on the same issue.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
