mouse roll over colour - custom css

[markHighLow]

Sorry. Thought this would be a simple one but struggling to resolve.

All the lay text formatting is working a treat. Just struggling g to change the CSS for the mouse over colour on the projects where I’ve changed the background colour and subsequently the text’s colour on those pages.

Have made IDs for the relevant text boxes to help locate them better as well as trying :hover and !important in the custom CSS but having no joy.

Please see - https://www.markevans.design/chernobyl
and the ‘Nadav Kander’ link as an example. Aiming to follow the menu and home page text links and have the type change colour to #6aff00

This is what I though would work in the custom but isn’t -

.slug-chernobyl[data-id=“whiterollover”]:hover {
color: #6aff00 !important;
}

Thanks so much.
Mark

[Richard]

Dear Mark @markHighLow

Do you just wish the 'Nadav Kander' link to change on hover or the whole text?

With this code we have just the link <a> changing:

.slug-chernobyl #whiterollover a:hover {
color: #6aff00 !important;
}

When calling/targeting an ID with CSS we use a 'hashtag'

#

Hope this helps Mark and have a wonderful day :)
Richard

[markHighLow]

@Richard said in mouse roll over colour - custom css:

.slug-chernobyl #whiterollover a:hover {
color: #6aff00 !important;
}

Fantastic, thank you so much Richard.

[Richard]

Dear @markHighLow

No worries :)
Best wishes for the rest of your project!

Richard