Reduce white space above / below sections

Solved
houssamalissa
Pathfinder
136 0 38

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)

Accepted Solutions
dmwwebartisan
Shopify Partner
9770 2228 3065

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 6 (6)
dmwwebartisan
Shopify Partner
9770 2228 3065

@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 | Bag is a cart drawer that maximizes your sales. View app →
houssamalissa
Pathfinder
136 0 38

houssamalissa_0-1628704672952.png

 

Thanks!

 

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion
dmwwebartisan
Shopify Partner
9770 2228 3065

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

houssamalissa
Pathfinder
136 0 38

Thank you!!

Site URL: https://optyma.myshopify.com/
Password: sheert/
Theme: Motion
Farmer123
New Member
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
9770 2228 3065

@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 | Bag is a cart drawer that maximizes your sales. View app →