How can I change the color of background border

Topic summary

A Shopify store owner is trying to change a white border/background that appears when scrolling on mobile browsers (specifically Google Chrome) to black. Despite setting all color schemes to black, a white space remains visible during overscroll.

Attempted Solution:

  • One user suggested adding CSS code targeting a specific section ID to base.css in the assets folder
  • The original poster tried this approach but reported it didn’t work

Current Status:

  • Another community member visited the site and couldn’t reproduce the white space issue
  • The problem remains unresolved, with uncertainty about whether the CSS was applied correctly or if the issue is browser/device-specific

The discussion includes screenshots showing the white border appearing during scroll, but there’s a discrepancy between what the store owner sees and what others can observe.

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

Hello, can anyone help me with changing this border color to black? All of my schemes are turned to black and I still don’t know how to chage it. This white space appears on google browser (on mobile phone) when you try to scroll down/up. I would like to change it on all pages. I am also sending a picture of website with this black border just to be more specific.

link to the store: www.terror96.com

1 Like

Hi,

Go to online store

Go to edit code

open your base.css file

Add the following code at the end then save.

#shopify-section-template–24591282962698__email_signup_banner_WdWBY6 {background: black !important;}

Hello @eryk96

Thank you for posting on the Shopify Community. I visited your website, but I don’t see any white space.

Hi, I pased this code at the end of base.css file in folder “assets”, but it didn’t worked. I don’t know if I’m doing something wrong.