Help with header modifications (icons and colors)

Help with header modifications (icons and colors)

Emilie_CG
Visitor
2 0 0

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

 

Diapositive1.jpgCapture black version.JPG

Replies 2 (2)

techlyser_web
Shopify Partner
1780 330 357

Hello @Emilie_CG 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .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;
  }
</style>

techlyser_web_0-1711036032030.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Emilie_CG
Visitor
2 0 0

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