A user seeks help removing unwanted padding around a section on their Shopify collection page (melchiorjewelry.com). Despite setting padding to “0” in the theme customization settings, visible spacing remains on both desktop and mobile views.
Attempted Solutions:
Successful Fix:
The CSS code targets the specific section (#shopify-section-template--23686647742812__ss_circle_menu_pro_wUxGB) with padding: 0 !important; applied to both top and bottom padding.
Resolution:
The issue was successfully resolved using the custom CSS approach added to the theme’s stylesheet. The user confirmed the solution worked as intended.
Hi, can someone help me remove all padding around this section. I dont want any padding at all (on both computer and mobile device)
In customizations the padding is showing “0” but there is still a lot of padding around..
(I have attached photos below - the red part is what i want to be removed)
Link for my website.: https://www.melchiorjewelry.com/collections/alle-ringe
Thank you so much, hope someone can help me out here!
.
.
.
.
.
.
.
.
Add this to custom CSS
#shopify-section-template--23686647742812__ss_circle_menu_pro_wwUxBG{
padding-top:0!important;
padding-bottom:0!important;
}
Hi @Debular , it does not work - i have attached photo below
Hi @stinem123
check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
section#shopify-section-template--23686647742812__ss_circle_menu_pro_wwUxBG {
padding: 0 !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you so so much @Made4uo-Ribe , looks fantastic!
