How can I change the background of the cookies banner of Shopify?

Store Design
, , , ,

Topic summary

A user seeks to customize Shopify’s built-in cookie banner CSS, specifically the background styling, without using third-party apps.

Solutions provided:

  • Navigate to Shopify Admin → Settings → Customer Privacy → Cookie Banner, then click “Customize” to access design options
  • Use the theme editor to modify banner appearance and styling

Additional customization requests:

  • Adjusting banner height (responses suggest checking theme editor for height options or adding custom CSS if native controls aren’t available)
  • Removing the reject button while keeping accept and “more options” buttons
  • Changing accept button color to improve conversion rates
  • Auto-checking all cookie options by default when visitors click “more options”

Status: The discussion remains open with basic customization guidance provided, but advanced CSS modifications (height, button removal, pre-checked options) lack detailed implementation steps.

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

I’m using Shopify’s simple cookies. no app.

how can I customize CSSo of Background?

https://jgy3b71ve81sqymb-61323608109.shopifypreview.com

orhl1234_0-1715509163615.png
orhl1234_0-1715509163615.png508×1082 46.9 KB

2 Likes
2

Hi, @orhl1234
From shopify store admin->Settings-> Customer Privacy → Cookie banner
Then click customize and select customize and select your desired color like this image.

cookie-banner.jpeg
cookie-banner.jpeg1096×846 74.2 KB

Hope it will solve your issues.

Thank you

3

This is Noah from PageFly - Shopify Page Builder App

Hi @orhl1234 You can change setting cookie banner in here:

Screen Shot 2024-05-12 at 23.19.00.png
Screen Shot 2024-05-12 at 23.19.00.png3216×1756 398 KB

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

4

how can I change the height?

2 Likes
5

how can I change the height?,

2 Likes
6

Hi @orhl1234 If you want change the height, please check in theme editor this have option change height? . If not we need add code css to set height.

7

Yep, I would also like to change things in the cookie banner.

  1. Delete reject button (and only keep the accept button + more options button)

  2. The accept button need to get another color (to improve conversion).

  3. When visitor chooses ‘more options’, all options should be auto preconfigured as ‘checked’

This all to improve the ‘conversion rate’ of people accepting the cookies. Most visitors don’t care. They just want to get that banner gone.

1 Like