Topic summary
A user encountered unwanted white space around a ‘Shop Now’ button on their Shopify store (plusclothing.nl).
Solution Provided:
- Navigate to Shopify admin → Online Store → Customize
- Access Theme settings → Custom CSS
- Insert specific CSS code targeting the banner container to remove padding, adjust border radius, and reset minimum width
Outcome:
The issue was successfully resolved using the CSS solution. The user confirmed the fix worked and expressed appreciation for the clear, fast response.
Note: Multiple support team members offered assistance, with one suggesting editing the theme.liquid file directly, though the CSS approach proved effective.
Hello there @PLUS_clothing go to Online Store then themes then click on Edit Code. Proceed to open your theme.liquid theme file and then paste this code below before
#Banner-template--17329790681378__image_banner .banner__content >.content-container:after{ display: none !important; }Let me know if this works for you!
Please, share your store URL. Thanks!
ww: fraternite
WW: fraternite
You can follow our detailed guide below:
Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change
Here is the code you need to add there:
div#Banner-template--23624245281106__image_banner_A8DaHx .banner__content .banner__box {
padding: 0 !important;
min-width: unset !important;
border-radius: 5px;
}
Please let me know if it works. Thank you so much!
Best,
Daisy - Avada Support Team.
Yes it worked! Thank you so much for the clear and fast reply, it is very much appreciated!
Thank you for your confirmation 