White space either side of announcement bar, i need this to be the same colour all the way across

Store Design
1

Hi, I have white spaces at either end of my announcement bar which I don’t want. I want the whole bar to be filled with #ffdbe0. Can anyone help to get rid of the white?

IMG_7227.png
IMG_7227.png1290×2796 273 KB

2

Check the announcement bar’s styling by right clicking the element and click Inspect in Google Chrome browser.

if you find padding, padding-left, padding-right, margin, margin-left, margin-right from its styling, remove them.

3

Hi, is there a way I can do this on mobile. Also, can I edit in shopify?

4

Hi @sjosborne

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.utility-bar.color-scheme-1.gradient div {
    padding: 0 !important;
}

Result

DaisyVo_0-1742523151839.png
DaisyVo_0-1742523151839.png354×280 34.7 KB

Best,

DaisyVo

5

Hi, this didn’t work :disappointed_face:

6

Hi, fixed by adding to theme.liquid. Thank you!