Header text color

Hello,

I would like that the ‘header text color’ will change from light to dark when hover.
Can you please give me the CSS code for that?

Thanks 🙂

Hello,

It is possible with a JS code only

jQuery(document).ready(function() {
	jQuery('.main-header').hover(function() {
		jQuery(this).removeClass('color-scheme-light').addClass('color-scheme-dark');
	},function() {
		jQuery(this).removeClass('color-scheme-dark').addClass('color-scheme-light');
	});
});

Note that logo image tag can’t be changed.

Kind Regards

[Author]

Posts