Shopify themes, liquid, logos, and UX
This is an accepted solution.
Hi @Emiway1
You can achieve this by adding this CSS code:
You just need to follow these steps:
1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css
And past that CSS Code:
.shopify-section--featured-collections .section {
margin-top: 10px;
}
The result will be like this:
I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!
-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR
-If you need an expert Shopify developer for customization and development, feel free to contact me.
Email: Mehran.ali5300@gmail.com
WhatsApp: +92 343 0211536
This is an accepted solution.
Hi @Emiway1
You can achieve this by adding this CSS code:
You just need to follow these steps:
1) Go to the Online Store
2) Edit Code
3) Find theme.css / base.css
And past that CSS Code:
.shopify-section--featured-collections .section {
margin-top: 10px;
}
The result will be like this:
I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!
-If this solution helps you, kindly LIKE THIS REPLY and MARK AS A SOLUTION OR
-If you need an expert Shopify developer for customization and development, feel free to contact me.
Email: Mehran.ali5300@gmail.com
WhatsApp: +92 343 0211536
Hello @Emiway1
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
div#shopify-section-template--16577363443785__featured_collections_k33wR7 .section {
margin-top: -37px !important;
}
</style>
Result:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hello @Emiway1
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.shopify-section--featured-collections .section {
margin-top: 5px;
}
Hello, @Emiway1
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom
.section {
display: block;
margin: 0px !important;
}
Thanks!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025