remove white box from image banner

Store Design
, ,

Topic summary

A user seeks to remove a white box appearing on their Shopify store’s image banner page. An image shows the unwanted white box overlay on the banner.

Proposed Solutions:

  • CSS targeting specific banner ID: Two responders suggest adding custom CSS to base.css that hides the banner box using display: none with the specific banner template ID.

  • Generic CSS approach: Another solution proposes hiding .banner__content entirely through custom CSS in the section settings.

  • Check section settings first: One responder recommends verifying the banner section configuration before applying CSS fixes—specifically ensuring the text block is empty/hidden and the container setting is disabled.

The discussion remains open with multiple CSS-based approaches offered, though no confirmation of which solution worked. The last suggestion emphasizes checking native Shopify settings before resorting to custom code.

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

Artez_0-1749986590267.png
Artez_0-1749986590267.png1556Ă—919 263 KB

Hi i am trying to remove this white box form the page.
Link:

https://wmqgez-r2.myshopify.com/pages/print-design

Warm regards.

1 Like
2

Hello @Artez

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottow of the file:
#Banner-template--18647733829813__image_banner_KC7qec.banner--mobile-bottom .banner__box {
display: none;
}

devcoders_0-1749992671144.png
devcoders_0-1749992671144.png1305Ă—528 641 KB

2 Likes
3

Hi @Artez

Let try to add this custom CSS code to your file base.css or theme settings:

#Banner-template--18647733829813__image_banner_KC7qec .banner__box {
  display: none;
}

the result will be

BiDealDiscount_0-1749999685197.png
BiDealDiscount_0-1749999685197.png1376Ă—931 265 KB

1 Like
4

Please add this code to Custom CSS of that section

.banner__content { display: none; }
1 Like
5

Before you edit your theme code or apply custom css make sure that section settings are right.

Make sure that “text” block is either completely empty or hidden/removed from the section.

Also check that “container” is turned off in section settings.