Archived topic
Change colour of single menu item with css
7 replies · Started by Olga on November 22, 2018
Hello,
On the website, I want to change the Gift Cards text colour to red, but can't seem to figure out the css.
I have given it the css class menu-item-1868, that is its id, but smith is wrong with the code as it does not work...
What is a correct line to add to simple css?
Thank you!
Hi there,
Try using the same method here:
https://docs.generatepress.com/article/adding-buttons-navigation/
Let me know if this helps :)
Not exactly, because I don't need a button, so from this I still would not know how to write the code correctly.
It's essentially the same thing.
Follow the steps and just modify the CSS in steps 2.
Let me know if you need help modifying the CSS :)
li.menu-item-1868 a {
color: red;
}
I think it should be this, but it does not function.
Have you tried my suggestion? It should work :)
@media (min-width:769px) {
.main-navigation .main-nav ul li.menu-item-1868 a {
color: #c61300;
}
}
This worked, thank you. How do I tweak it for smaller screen sizes, mobile and tablet?
Use different media query: https://docs.generatepress.com/article/responsive-display/
