When hover different typography

gridch

HI!

I'm trying to change my text style into italic when hovering in it.

I have a custom css in my website that change all the links into italic when hovering in them, and works perfect:

.text a:hover {
font-style: italic; !Important;
color: #000000;
}

but in this page :

I want some links to remain normal style

when hovering on "Interiors" and "Personal" I need "Interiors" to remain normal not italic.

How to adjust text styles when hovering in them only in some words?

Thanks in advance

Richard

If you just want 'Interiors' to remain normal you can target it with one of its data attributes :

[data-title="Interiors"]:hover {
   font-style: normal !important;
}

Hope this helps & best wishes
Richard

Lay Theme Forum