Hey, I would like to decrease the space between the country/region selector and the Refund Policy. Thank you!
Topic summary
A user seeks to reduce excessive vertical spacing in their store’s footer, specifically between the country/region selector and the Refund Policy link.
Three solutions were provided:
-
DaisyVo’s approach: Add CSS via Shopify admin → Customize → Theme settings → Custom CSS, targeting
.footer__content-top.page-widthwithpadding-bottom: 0 !important; -
niraj_patel’s method: Insert CSS directly in
theme.liquidfile before the</body>tag, with media queries specifically for mobile screens (max-width: 767px), addressing both.footer__content-topand.localization-formpadding. -
EstherBui’s solution: Add the same CSS rule to the end of the
base.cssfile in the theme’s code editor.
All three solutions use similar CSS targeting footer padding. The user is working with the Shrine theme on Shopify. Each responder included screenshots showing the expected results. The discussion remains open with no confirmation from the original poster about which solution worked.
Hi @Simon159 ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
.footer__content-top.page-width {
padding-bottom: 0 !important;
}
Here is the result:
Please let me know if it works!
Best,
Daisy
hello @Simon159 I checked you are using shrine theme for your store so
You can add code by following these steps to remove unwanted space on footer
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
