Solved

How to adjust the spacing between two sections on a page?

dtffox
Tourist
6 0 0

Hi, there is an initial adjust that can be made from the page layout setting where the sections can be spaced by a slider tool. The minimum of that tool is 50px in between each section. I would like to adjust it below 50px. The specific page I would like to adjust this spacing on is:

 

https://dtffox.com/pages/free-sample

 

Screenshot 2024-02-11 at 8.05.36 AM.png

Accepted Solution (1)

PageFly-Henry
Astronaut
821 231 201

This is an accepted solution.

Hi @dtffox 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file theme.css

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


.rich-text__text.align-content.align-content--horizontal-center.align-content--vertical-middle.gutter--xlarge {

    padding-bottom: 15px !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | 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.

View solution in original post

Replies 2 (2)

PageFly-Henry
Astronaut
821 231 201

This is an accepted solution.

Hi @dtffox 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file theme.css

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


.rich-text__text.align-content.align-content--horizontal-center.align-content--vertical-middle.gutter--xlarge {

    padding-bottom: 15px !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | 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.

PaulMartin
Shopify Partner
114 18 26

I don't see any spacing between the two, however, what I see is that the Get A Free Sample Pack has a very large box with big white space. You might want to lower its padding in order to lower the white space that is acting like spacing.

You can message me for help 