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

atm19
Excursionist
41 0 3

IMG_8386.jpeg

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.

 

 

Replies 4 (4)

webwondersco
Shopify Partner
1036 157 154

@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;
}
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
a small Coffee Tip would be greatly appreciated. 🙂

scaleupprint
Shopify Partner
40 4 10

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

If you find my post helpful, please like and accept solution
Advanced Product Customizer Image Swatch, Color Swatch, unlimited product options, product designer for personalized products
Email: info@scaleupprint.comFor Shopify tips & tricks follow our YouTube channel
atm19
Excursionist
41 0 3

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

IMG_8387.jpeg

scaleupprint
Shopify Partner
40 4 10

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 -

scaleupprint_0-1709736285906.png

 

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

 

If you find my post helpful, please like and accept solution
Advanced Product Customizer Image Swatch, Color Swatch, unlimited product options, product designer for personalized products
Email: info@scaleupprint.comFor Shopify tips & tricks follow our YouTube channel