change text on image hover

Hello, 

I wondered if it is possible to add some css which will change the text color when hovering the image above it?
To be precise, in section "Kategorije" on homepage (green one,  eng. Categories),  I would like to change text color when hover the visual representation of category itself.

Right now, I have only only added hyperlinks to texts, so they become yellow on hover, but I would like to make them active when hover the image, too.

The domain is Finvala.com
I am using personal plan, 7.1.

Thank you.

Hi,

Add to Design > Custom CSS

.fe-63b43504833db81a0f22bd3f .image-block:hover * {
    color: #f1f;
}

Hi tuanphan,

Thank you for your support.
I have already added a lot of customisation thanks to your replies.

However, this one didn't work. I have added it into the custom css but nothing changes.
 

21 hours ago, black_rooster said:

Hi tuanphan,

Thank you for your support.
I have already added a lot of customisation thanks to your replies.

However, this one didn't work. I have added it into the custom css but nothing changes.
 

Try this new code, to top of CSS box

.fe-63b43504833db81a0f22bd3f .image-block:hover * {
    color: #f1f !important;
}

If it still doesn't work, keep the code in CSS box & let me know, I can check it again easier

Still the same, nothing happened. 

On 1/28/2023 at 7:03 PM, black_rooster said:

Still the same, nothing happened. 

Can you keep code in CSS box? We can check easier

https://www.finvala.com/

I am not sure that I understand you well.  😐
What do you mean by keeping the code in CSS box?
It is still in Design > Custom CSS.

On 2/4/2023 at 1:49 AM, black_rooster said:

I am not sure that I understand you well.  😐
What do you mean by keeping the code in CSS box?
It is still in Design > Custom CSS.

I meant add & keep code in CSS Box, do not remove it.

Currently I don't see the code in CSS box. Can you take a screenshot of CSS box?

Here it is.

On 2/9/2023 at 5:15 PM, black_rooster said:

Here it is.

Move the code to top of CSS box

Moved it, but it's still the same. 🙄

On 2/12/2023 at 8:22 PM, black_rooster said:

Moved it, but it's still the same. 🙄

Try this new code (this for first item). If it works, I will check other items

.fe-block-d54664b769f63a152454:hover+div+div * {
    color: #f0cc60 !important;
}

Now it works! Thank you! 🙂

That's awesome! Thank you very much @tuanphan! 

Hello @tuanphan wanted to bring this up again tried it on my site and it works but not on three images.

www.studiometz.au/work
pword: Metz1991

I just want the text links below the images to also change color on hover. Please see screenshot of code below with lines that don't work underlined in yellow.

Thanks!

You mean these images?

@tuanphan yes those images are the only ones not making the text change cover on hover

On 2/8/2024 at 7:18 AM, Ninosbestfriend said:

@tuanphan yes those images are the only ones not making the text change cover on hover

Do you use Personal or Business or Commerce Plan? With these images, will require script code