Featured Image Banner Fades out when hovered

Store Design
, ,
1

Hello there!

The top most banner on my home page fades out because it is linked to a collection page. Is there a way to keep the image linked but still be able to get rid of the fade out? my website is www.awselvedge.com

Thank you so much for your assistance!!

All my best,

Andre Williams

2

Hi @Drewill44 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

3

Hello Anthony,

Thanks for responding so quickly. I was wondering if this would work if I
put it in the custom css input of the section itself or if I have to go
specifically to the theme editor?

##- Please type your reply above this line -#

4

I think it will work too. You can try adding this custom css below to the section. If it doesn’t work, try my way :blush:

a.image-link:hover {
    opacity: unset;
}
5

This was the fix. Excellent. Thank you so much. It has to be added directly to theme editor as you suspected. I tried both ways. Thank you!

6

I am very happy to have helped you. If you have any further problems, don’t hesitate. Have a good day

7

Anthony my good sir. I have another question. I was wondering if you could help me to change my price colors from red, back to black. I realized when i edited the products to include compare at prices, now the actual price becomes red. I don’t like that and i was wondering if you knew how to fix it?

red prices.
red prices.1366×720 133 KB