How to change the Cookiebanner color

Topic summary

A user seeks to customize their cookie banner’s ‘Decline’ button styling—specifically changing it to white background with orange text and outline (HEX #C87632).

Solution Provided:

  • Add custom CSS code to the theme.liquid file before the </head> tag
  • The CSS targets the decline button with specific color values and styling
  • A screenshot demonstrates the expected result

Status: The original poster confirmed the solution worked by thanking the contributor. Another participant noted that cookies appeared disabled on the store, though this was raised after the solution was already accepted.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi for my website https://www.vinup.nl/en I would like to change the ‘Decline’ button for the Cookiebanner to a white button with the orange text and outline of the button ( HEX #C87632 )

Can anyone help me with this?

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag


Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

Hi @VinUp , thanks for reaching out.

I checked and it looks like cookies might be disabled on your store. Could you check and confirm if the cookie banner is currently active?

I look forward to hearing from you.

Liz

Thank you so much!