Wanna Remove Some Padding

Solved

Wanna Remove Some Padding

Emiway1
Shopify Partner
86 0 19

i wanna remove some padding on my home page from here 

url: https://themirage.store/

Screenshot 2024-11-26 165042.png

Accepted Solution (1)

Mehran_Ali
Shopify Partner
462 63 70

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:

Mehran_Ali_0-1732620501442.png

 

 

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

Buying Me A Coffee.

-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

View solution in original post

Replies 4 (4)

Mehran_Ali
Shopify Partner
462 63 70

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:

Mehran_Ali_0-1732620501442.png

 

 

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

Buying Me A Coffee.

-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

Tech_Coding
Shopify Partner
514 132 131

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:

Tech_Coding_0-1732621093595.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

ZestardTech
Shopify Partner
6147 1099 1475

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

 

ZestardTech_0-1732621756238.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

topnewyork
Astronaut
1368 165 224


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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month