Hello,
site: https://greentiger.co/
Could someone please help me with this? The white space here in the Refill section
About Us section - the white gap above and below the Sustainability
Topic summary
A user seeks help removing unwanted white space on their Shopify store (greentiger.co) using the Impulse theme. The gaps appear in the Refill section and around the About Us/Sustainability areas.
Proposed Solution:
Another user provides detailed CSS troubleshooting steps:
- Create a new custom.css file in the assets folder
- Link it in theme.liquid by adding
{{ 'custom.css' | asset_url | stylesheet_tag: preload: true }} - Add CSS code to remove margins and padding from
.index-sectionelements
Current Status:
The original poster encountered an issue—they cannot locate the {{ 'theme.css' | asset_url | stylesheet_tag }} code in their theme.liquid file as instructed.
Workaround Suggested:
Place the custom.css link directly before the </head> tag instead.
The discussion remains ongoing as the user works through implementation challenges with the CSS modification approach.
Hi @greentigershop you can follow the steps bellow
- Go to Edit code and find the asset folder in the left side and click Add a new asset
- Click the create a blank file tab and choose the extension css, and give the filename custom
- After that on the left side scroll up and find theme.liquid
- In the theme .liquid find this code {{ ‘theme.css’ | asset_url | stylesheet_tag: preload: true }}
- Add this code below the theme.css
{{ ‘custom.css’ | asset_url | stylesheet_tag: preload: true }}
-
Click save button on the top right
-
Go to the custom.css file
- Add the code below on the custom.css file
.index-section {
margin: 0 0 !important;
padding: 40px 0;
}
@media only screen and (min-width: 769px) {
.index-section {
margin: 0 0 !important;
padding: 75px 0;
}
}
- Click save on the top right
@aldy-expatify I did not find the code {{ ‘theme.css’ | asset_url | stylesheet_tag: preload: true }} in the theme.liquid style. Any ideas?
@greentigershop you can put the {{ ‘custom.css’ | asset_url | stylesheet_tag: preload: true }} before the