Dear community,
I need your help with my shopify website. i would like to change the colors of 2 buttons and some icons in the header but ONLY when I am watching products of the “GOLF” collection.
My website golf collection is : covergarden-store.fr
collections/golf
There are 2 products inside and the one you can see in pictures is : covergarden-store.fr
products/pack-putting-green-8m2
I already arrived to change a lot of the colors (header background, text color, …) as you can see. I know that I have to modify the CSS on the 2 products pages.
Can you help me please ?
Thanks !
Emilie
Hello @Emilie_CG
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
.header__list-social__link {
background-color: #fff !important;
color: #000 !important;
}
sticky-header.header-wrapper.color-background-2.gradient.header-wrapper--border-bottom {
background: #000 !important;
}
.header__icon--cart .icon {
color: #fff !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Thank you for your reply but unfortunately it is not what I expect…
As written above, i would like to change the colors of 2 buttons and some icons in the header but ONLY when I am watching products of the “GOLF” collection and not on the entire website. The thing is that I don’t know what to put in the CSS to change it. Could you please help me?
Thanking you by advance !
Emilie