edit design of Cookies banner

Store Design
,
1

ai41_0-1730233633666.png
ai41_0-1730233633666.png788×228 10.8 KB

\

how i can edit the size of the cookies banner and text size

im using dawn theme

2

Hi @ai41

Can you share the store URL? I will check and provide you the solution

3
4

Hi @ai41

To change the Text size of the Cookie banner, you can follow this guide:

  1. Go to Shopify > Theme > Customize

  2. Settings > Custom CSS > Paste the CSS code below : https://prnt.sc/aVKJIYEChtX7

  3. You can edit the size by changing the number of px

.shopify-pc__banner__dialog p {
   
 font-size: 13px;
}

For the Cookie banner size, may I know you want to edit Heigh or Width of the banner?

Thank you.

I hope its help

1 Like
5

Yeah also i want to edit the heigh and width

6

For the Heigh and Width, you can add the CSS code below to the custom CSS section and ajust the number as desired:

.shopify-pc__banner__dialog {
    width: 100%;
    height: 23%;
}

I hope it works

1 Like
7

Thank you, i want the font size to work with the buttons and other words as well

8

For the Decline font size :

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
    font-size: 12px;
}

For the Accept button Font size:

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
   font-size: 12px;
}

For the Preference button font size:

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
  font-size: 12px;
}

There you go, I hope it helps.

2 Likes
9

Thank you

10

You’re welcome