Jump to content

Custom code needed to adjust section height

Go to solution Solved by JayVanDyke,

Recommended Posts

Hi, could anyone help me make the white space between two sections smaller? I believe if I had code to adjust the height either for the section above or below this should hopefully pull through. 

The page I need this for is 'How it works' on the main header navigation. 

Thank you! 

Screenshot 2024-01-04 at 16.32.13.png

Edited by El1z4b3th
Link to comment
  • Solution

@El1z4b3th i would try 3 things possibly to get the spacing right. 

1. change the content alignment on the top section to the last one to align to the bottom and then the our core values section aligned to the top.

2. try changing the section height of one or the other section to be smaller than the "small" option by clicking the three dots and using that scroller.

3. Try with some css

//trusted by thousands section
section[data-section-id="6596bba3c7ad441ead1e0008"] {
  .content-wrapper {
    padding-bottom: 0 !important; //original value was 3.3vmax, adjust as needed
  }
}

//our core values section
section[data-section-id="6580bc4e649f4453b77f4e3f"] {
  .content-wrapper {
    padding-top: 0 !important; //original value was 3.3vmax, adjust as needed
  }
}

 

Screenshot 2024-01-09 at 10.53.34 AM.png

  Did I help you? Buy me a coffee!

👨‍💻 Bergen Design Co.

💻  I'm for hire on Upwork!

🕸️ Squarespace Experts  

🖥️ 99Designs

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.