Jump to content

How to reduce the space between sections

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.kohsdevelopment.com/china-company-registration-order

Hey guys,

Could you please provide a code to downsize the space on our website as shown in the picture (narrow the space highlight in blue color)?

The upper side picture (showing buildings) is one section;

The blow section showing products is another section.

The two sections space is simply to big on the Web version, on mobile version it is fine.

Anybody can provide a code to only downsize the space in between the two blocks on this page?

 

Thanks a lot!!

JJ

Screen Shot 2021-10-07 at 1.52.03 PM.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
3 hours ago, JJ001 said:

Site URL: https://www.kohsdevelopment.com/china-company-registration-order

Hey guys,

Could you please provide a code to downsize the space on our website as shown in the picture (narrow the space highlight in blue color)?

The upper side picture (showing buildings) is one section;

The blow section showing products is another section.

The two sections space is simply to big on the Web version, on mobile version it is fine.

Anybody can provide a code to only downsize the space in between the two blocks on this page?

 

Thanks a lot!!

JJ

Screen Shot 2021-10-07 at 1.52.03 PM.png

Add to Home > Design > Custom Css

section[data-section-id="5f1e44a0b4238228f9eb4ee6"]{
  padding-bottom:0 !important;

}

section[data-section-id="5f1e44a0b4238228f9eb4ee6"] .section-background {
  height: 100%;
}

section[data-section-id="5f1e44a0b4238228f9eb4ee6"] .section-background img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

Support me by pressing 👍 if this useful for you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My result

image.thumb.png.bb1aa873bfa238ae366dff3bfd9de034.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.