How can I adjust the bottom padding on a collection list?

[atm19]

 

Hi, can someone help me please? How should I top up the bottom padding like on this screenshot of the collection list ? it is on the homepage. RIDE THEME: www.taneau.com

so it works on detskop and mobile.

[webwondersco]

@atm19 Add below line of CSS code at the end of your base.css file

@meedia(max-width:767px){
section#shopify-section-template--21376786661720__rich_text_LV93xw{
margin-top:0;
}
}

[Vivek_goyal]

Hi @atm19 ,

Hope you are doing well.

For your Shopify store, one of the way to remove the padding is using the custom CSS option from the Shopify store's theme settings page. Here are the steps to do it -

1. Go to your Shopify admin > Online Store> Themes
2. Click on the customize button for current theme
3. From left menu panel, select the theme settings
4. Scroll down to Custom CSS section and enter following CSS code -

#shopify-section-template--21376786661720__rich_text_LV93xw {
margin-top:0px !important;
}

Here is a demo video for adding Custom CSS from Theme settings for Shopify store -  https://youtu.be/nPja-jHwmPc

Please let me know if more details are needed.

Thanks & Regards,

Scale-up Print

[atm19]

Thanks it works but i can't save it. Do you know why?

 

[Vivek_goyal]

Hi @atm19,

I am also getting the same error while saving the code. Somehow this CSS code is not working for Custom CSS section of Shopify admin.

Alternatively, you can try adding a custom liquid section on your home page and add the CSS code their. Here is a screenshot for reference where a custom liquid section is added to my demo store home page and the settings are successfully saved -

Here is the updated CSS code to be added in the custom liquid block -

<style>
#shopify-section-template--21376786661720__rich_text_LV93xw {
margin-top:0px;
}
</style>

Here is a demo video for reference for adding custom liquid section - https://youtu.be/2uaO4B0fnhY

Please let me know if more details are needed.

Thanks & Regards,

Scale-up Print