How do I change the hover color?
-
I’d like to change the hover color for my header, but can’t figure it out. I’m kinda new to this.
My website is https://www.makebelieve.nl
This is my css stylesheet:
[post edited to remove massive copy & paste of stylesheet]
-
Start here https://www.w3schools.com/css/css_pseudo_classes.asp
Firebug will help you with identifying the relevant CSS code — be very sure to create a child theme to add the new code.
And do not post more than 10 lines of code in the future https://codex.www.ads-software.com/Forum_Welcome#Posting_Code
— actually for things like this you don’t need to post any code — it’s all visible in your site.
Allright, sorry should have read the rules and regulations first.
Thanks, I’ll check out that lesson and let you know if that helped!
What do you mean “hover of the header” ? You talk about the website title, the titles of the articles, the menu buttons or the hover of all links in general ?
No problem — just FYI. A moderator will no doubt get rid of the code…
Vihegay, I’m talking about the menu items in the header and also the sub menu items in video.
It is a pitty that this forum is sooo strict (i do not see its reason) and it is a pitty that you had to delete the style sheet because i work always with the default twentyeleven theme, it is different…
Firebug shows these elements, i think your menu link hover is inherited from another style sheet where this code is found (do you have a plugin for your menu ?) :
cufon {
display: inline-block !important;
font-size: 1px !important;
line-height: 1px !important;
position: relative !important;
vertical-align: middle !important;
}Or there is another element in your main style.css which over-writes your a:hover c0c0c0…
Can you send me your style.css in an e-mail ? (i do not see any possibilities to send privat message via the profil here). Go to this web-site, to the contact and send me an e-mail, i will reply : [Link deleted]
I try to help you, even if i am not extremely professional…
vihegay it is clearly stated in the forum rules that if someone wants to include more than ten lines of code they can do so by using pastebin. That is totally unecceessary in this case though as you can view a stylesheet on a site in the browser on just about any site – get the path by selecting view source in the browser & paste the path into your address field. Here is the sytlesheet of marvdeparv’s site: https://makebelieve.nl/site/wp-content/themes/MB1/style.css
Thanks for your help cubecolour !
WPyogi said : “And do not post more than 10 lines of code in the future” but she did not say that it is possible in another way…
You mention “oastebin”, what is it ?
People who are here, need help and they do not have time to learn rules and different methods.
People are here to write their messages, someone prefer in a simple texte form, why is it a crime ?Each time, when i need help and i come to WP forum, i am treated like an idiot, just because my question is too simple or too difficult or because i did not learn rules and methods which are nothing about the fact that i (we) have a problem…
Marvdeparv, thanks to cubecolour, you do not have to email me… and thanks again Cubecolour !
Try to add this code to the style-sheet :
h1 a:hover { color: #c0c0c0; }
You can change the color c0c0c0 to which you want…
Tell me pls if it works !
WPyogi said : “And do not post more than 10 lines of code in the future” but she did not say that it is possible in another way…
I posted the link to the forum rules which INCLUDES HOW TO POST CODE using Pastebin — that’s why I included that link.
thanks for your help esmi, however your message did not help for anybody…
i never said that i do not know where to find the rules… i never said that i do not want to read… i never said that i did not read… i know very well that i am notifies by email at each posts of this thread…
did it work, marvdeparv ?
WPyogi, that is nice from your side… however marvdeparv is looking for an answer to her question, she was waiting for not only instructions but help too. also, everybody could have misunderstood : you said that it is not possible + a link… for me, it means that i should go to read the description of the “what i can not do” and i could not imagine that it is a link for “how it is possible”…
I have a feeling that here the most important is how to write a question but not the essential of a question…
i do not want to analyse further more this question, i keep the rules of course but i remain without help too, as usual…
have a good day !
You mention “oastebin”, what is it ?
People who are here, need help and they do not have time to learn rules and different methods.
You need to read & learn the rules.
Everybody thanks a lot for your reactions. I’m a he not a her by the way, but no worries there ??
Vihegay, I’ve tried:
h1 a:hover {
color: #c0c0c0;
}Alas it doesn’t work. Though I discovered something whilst doing that. When I refreshed my page to check if it worked. Before the font loaded, there was some kind of default font displaying for 3 seconds or so. During that time the menu items DID highlight to #c0c0c0. But when the custom font was loaded it didn’t anymore.
Does that give you guys some more insight on where my problem lies?
- The topic ‘How do I change the hover color?’ is closed to new replies.