Remove Hover Effect on Main Homepage Images

Hey there,

Does anyone know how I can remove the hover effect for my images? The main images on the home page through the custom HMTL section are black and white and turn to colour when you hover over them.

Is there a way to remove this so that they are coloured all the time?

I am struggling to find the theme that is being used as it was made before I started working on the site. I have tried many fixes through custom code but none have been successful as I have very few css code files under assets that I am unfamiliar with.

The site is: https://blackhoundsports.com

Please do let me know of any potential fixes.

Thank you.

1 Like

Hi @drewhound

You can do that by adding this code to your theme.liquid file before tag


Hello @drewhound :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file custom.css and add this code at the bottom

.box-50h, .box-100h {
    background-blend-mode: initial;
}

The result

Hope that helps!

Both work great thank you, how can I do the same for the other below section?

You can append this code below

.banes {
    background-blend-mode: initial;
}

Legend, thank you

1 Like

You are welcome!