Change header color when hovering

Hello @reecejackson10

This should be achievable only using a little bit of CSS, though the snippet might need adjustment for your exact use case, as CSS isn’t something that you set and forget.

Unfortunately, with your website being behind a coming soon page, I cannot see what I’m working with and cannot provide a starter snippet. Can you please get back to us once you’ve removed the coming soon block?


Hi @cteduard, thanks for coming back to me!

I have removed it, thanks again for any help on this.

Hi @reecejackson10

Something like this, perhaps? —

#header [data-row*=middle]:hover {
	background-color: red;
	transition: background 0.2s;

Of course, change the colour to whatever fits your design.

Hope this helps!


Yes that’s perfect! Thanks so much @cteduard

Really appreciate your help 🙂

You’re very welcome, @reecejackson10 🙂

Have a great rest of the week!


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Your Advertisement Here