Re: Getting rid of the white space - Impulse theme

Getting rid of the white space - Impulse theme

greentigershop
Excursionist
25 0 9

Hello, 

 

site: https://greentiger.co/ 

 

Could someone please help me with this? The white space here in the Refill section

 

Screenshot 2024-03-21 at 6.52.31 PM.png

 

About Us section - the white gap above and below the Sustainability

 

Screenshot 2024-03-21 at 7.02.29 PM.png

Replies 3 (3)

aldy-expatify
Shopify Partner
57 5 10

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

aldyexpatify_0-1711079837133.png

- Click the create a blank file tab and choose the extension css, and give the filename custom

aldyexpatify_1-1711079891148.png

- After that on the left side scroll up and find theme.liquid

aldyexpatify_2-1711079937890.png

- In the theme .liquid find this code {{ 'theme.css' | asset_url | stylesheet_tag: preload: true }}

aldyexpatify_3-1711079990583.png

- Add this code below the theme.css

{{ 'custom.css' | asset_url | stylesheet_tag: preload: true }}

aldyexpatify_4-1711080067861.png

- Click save button on the top right

- Go to the custom.css file

aldyexpatify_5-1711080102213.png

- 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;
  }
}

aldyexpatify_6-1711080343134.png

- Click save on the top right

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp
greentigershop
Excursionist
25 0 9

@aldy-expatify I did not find the code {{ 'theme.css' | asset_url | stylesheet_tag: preload: true }} in the theme.liquid style. Any ideas?

aldy-expatify
Shopify Partner
57 5 10

@greentigershop you can put the {{ 'custom.css' | asset_url | stylesheet_tag: preload: true }} before the </head>

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp