What's your biggest current challenge? Have your say in Community Polls along the right column.

Wanna Remove Some Padding

Solved

Wanna Remove Some Padding

Emiway1
Shopify Partner
47 0 6

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
439 55 68

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
439 55 68

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
417 110 98

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
5912 1067 1413

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
761 124 139


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
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount