Shopify themes, liquid, logos, and UX
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.
@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;
}
}
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 -
#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
Thanks it works but i can't save it. Do you know why?
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025