hi!
is it possible to make my logo black when i hover it?
website:https://www.gallerychristian.com/
password: 6399
Hello @christian_russo
Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.
x-header.header:hover *{
opacity: 999;
}
but it needs to be fully black not look double
doesn’t work for me
I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there
Here is the code for Step 3:
x-header.header:hover img.header__logo-image {
opacity: 1 !important;
}
x-header.header:hover img.header__logo-image.header__logo-image--transparent {
opacity: 0 !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.