Solved

Reduce white space above / below sections

houssamalissa
Pathfinder
139 0 42

Hi,

 

I'd like to be able to adjust the white space above and below the following sections on my page:

 

  • Rich Text
  • Image and Text
  • Text Columns and Images

What code(s) can I use to flexibly adjust these?

Thanks 🙂

 

Site URL: https://optyma.myshopify.com/
Password: sheert

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion
Accepted Solution (1)
dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@houssamalissa 

Please add the following code at the bottom of your assets/theme.css file.

div#shopify-section-162868100217fbadd8 {
padding-top: 0px !important;
margin-bottom: 0px !important;
}

div#shopify-section-16286818621d9dd6c1 {
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 6 (6)

dmwwebartisan
Shopify Partner
12282 2546 3694

@houssamalissa 

Please share screenshots of the sections. So I can give you exact soluiton.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
houssamalissa
Pathfinder
139 0 42

houssamalissa_0-1628704672952.png

 

Thanks!

 

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion
dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@houssamalissa 

Please add the following code at the bottom of your assets/theme.css file.

div#shopify-section-162868100217fbadd8 {
padding-top: 0px !important;
margin-bottom: 0px !important;
}

div#shopify-section-16286818621d9dd6c1 {
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
houssamalissa
Pathfinder
139 0 42

Thank you!!

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion
Farmer123
Visitor
1 0 1

I'm trying to reduce the padding above and below the Rich Texts sections. I pasted this code and it didn't work for me. I'm using the Motion theme 

dmwwebartisan
Shopify Partner
12282 2546 3694

@Farmer123 

Please share your store URL. 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app