'Links in Text Mouseover' - not changing colour

charleyray

Hi!

I have set my 'Links in Text Mouseover' colour to pink (#f830ff) in the Customizer but it does not seem to work on two pages:

The links vary from being linked to specific projects to different URLs, including a footer at the bottom with my email / insta URL.

Some have an image hover but not all (e.g. not footer).

I'd like all of the links to go pink when the mouse goes over it, so the user knows its a link.

I have tested the link mouseover colour on a specific project:
https://charleyray.co.uk/unsigned2020/
("TEST LINK WORKS HERE")

So it is working, but does not seem to apply to the Design / About page.

Is something overriding it?

Thanks :)

Richard

Without a closer look at what customizer features / settings are clashing, this will provide immediate solution.

a:hover {
    color: #f830ff !important;
}

If desired, add the following code to:

Lay Options > Custom CSS & HTML > Custom CSS >

charleyray

Hi Richard

Thanks for the code and response!
The code works for some but not all of the links.

E.g. not 'Unsigned 2020' or 'BBH Identity' on this page: https://charleyray.co.uk/design/

I have cleared my cache and re-checked.

It also poses a problem because I have custom mouseover states for a few of my pages.

E.g. I wanted the menu on this project to go white on mouseover instead of pink.
https://charleyray.co.uk/unsigned2020/

I'm using this code:

.slug-unsigned-2020 .menu-item span:hover {
color:#ffffff
}

Would it be possible to take a closer look at my customizer features?

Thanks :)))

Richard

Screen Shot 2021-08-26 at 1.55.59 PM.png

Do you still need help with any CSS?

Lay Theme Forum