Solved

How reduce the space "title with text section"?

Inkd
Shopify Partner
9 0 1

ModishParis-·-Personalizza-Solodrop-2-1-0-version-·-Shopify.png

Hello!

 

I want to know how can i reduce the space below and above the section "title with text"

 

Thanks 

Best regards

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
6894 1302 1329

This is an accepted solution.

My bad, please update code to this 

#shopify-section-template--19884942754115__82fefa12-ef5e-4f0c-8aca-60c8271e0c5f .side-content { margin-bottom: 0px !important; }
.why-us {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 13 (13)

fadi_yousif
Shopify Partner
342 43 60

By reducing the padding/margin. I can't give you step-by-step instructions without knowing your store URL.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

Inkd
Shopify Partner
9 0 1

That is the webiste not completed yet: https://modishparis.com/products/manteau-dhiver-chichaleur%E2%84%A2

 

I have these big two spaces: 

 

1)

Inkd_2-1697093188550.jpeg

 

 

2)

Inkd_3-1697093188554.jpeg

 

 

The scetion problem is "title with text" the theme is "Solodrop 2.1"

 

Thanks

PageFly-Oliver
Globetrotter
695 136 129

Hi @Inkd ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
@media(max-width:767px){
[id*="ImageWithText"]{
padding-bottom:0 !important
}
}
</style>



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Inkd
Shopify Partner
9 0 1

Sorry what do you mean at the bottom?

 

Because i pasted that code but it doesn't work

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

Hi @Inkd 

Could you share your page link so I can provide a solution?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Inkd
Shopify Partner
9 0 1

That is the webiste not completed yet: https://modishparis.com/products/manteau-dhiver-chichaleur%E2%84%A2

 

I have these big two spaces: 

 

1)

space 2.jpeg

 

2)1 space.jpeg

 

The scetion problem is "title with text" the theme is "Solodrop 2.1"

 

Thanks

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

Please add this code to solve the issue 

#shopify-section-template--19884942754115__82fefa12-ef5e-4f0c-8aca-60c8271e0c5f .side-content { margin-bottom: 0px !important; }
.why-us {
margin-top: 0px !important;
margin-bot: 0px !important;
padding-top: 0px !important;
padding-bot: 0px !important;
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Inkd
Shopify Partner
9 0 1

It works perfectly for the top but for the bottom no 😔

3.png

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

This is an accepted solution.

My bad, please update code to this 

#shopify-section-template--19884942754115__82fefa12-ef5e-4f0c-8aca-60c8271e0c5f .side-content { margin-bottom: 0px !important; }
.why-us {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Inkd
Shopify Partner
9 0 1

It works!

 

Thank you very much god bless you!

 

Have a great day 

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

Happy I could help!

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

DelightCart
Shopify Partner
1220 81 154

@Inkd Please send me the store url.

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
Inkd
Shopify Partner
9 0 1

That is the webiste not completed yet: https://modishparis.com/products/manteau-dhiver-chichaleur%E2%84%A2

 

I have these big two spaces: 

 

1)

Inkd_0-1697093165361.jpeg

 

 

2)

Inkd_1-1697093165366.jpeg

 

 

The scetion problem is "title with text" the theme is "Solodrop 2.1"

 

Thanks