Home button logo suddenly greyed out (but just on one page)

[kbistudio]

Not sure what I did, but now I don’t know how to fix it exactly. Please advise.

To be more specific, it’s greyed out by default, but goes full color on hover.

[tristup]

Hi @kbistudio,

Thanks for reaching out.
I have checked and found that the custom CSS added in the marked image is the reason behind your problem. I would suggest you add the $el to the classes to apply the style to the specific element only. Your CSS code will look like the following.

$el.x-image img {
    opacity: 0.5;
    transition: opacity 0.2s ease-in;
}

$el.x-image:hover img {
    opacity: 1; 
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing styles.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[kbistudio]

@tristup

$el.x-image img {
    opacity: 0.5;
    transition: opacity 0.2s ease-in;
}

$el.x-image:hover img {
    opacity: 1; 
}

Thank you!

[prakash_s]

You are most welcome @kbistudio