Jump to content

text block has too many lines and won't shrink. text wrapping issues.

Recommended Posts

hey all!

I am so frustrated with text blocks I have on a page featuring split sections. I am pretty confident it has something to do with the code for the 50/50 sections; however, I was wondering if anyone had ideas or workarounds to fix this. The paragraph text blocks are stuck having too many lines after the paragraph. This is fine until the browser window changes which causes a weird text wrapping issue. 

Does anyone know code that could force the max-height?

 

link: https://octahedron-marigold-s3y5.squarespace.com/
pass: EM!

Screenshot 2024-07-01 at 8.54.39 PM.png

Screenshot 2024-07-01 at 8.54.24 PM.png

Link to comment
  • Replies 5
  • Views 117
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@mackenzie You're correct. It's related to the code for the 50/50 sections. To address the issue, you can add this code under Website > Pages > Website Tools > Custom CSS.

@media screen and (min-width: 991px) {
    section[data-section-id="66550af5cb86a55accc8b8e0"], section[data-section-id="66550afac2a07e35f48d4b92"] {
        padding-top: 190px !important;
    }
    section[data-section-id="66550af5cb86a55accc8b8e0"] .content-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
4 hours ago, Lesum said:

@mackenzie You're correct. It's related to the code for the 50/50 sections. To address the issue, you can add this code under Website > Pages > Website Tools > Custom CSS.

@media screen and (min-width: 991px) {
    section[data-section-id="66550af5cb86a55accc8b8e0"], section[data-section-id="66550afac2a07e35f48d4b92"] {
        padding-top: 190px !important;
    }
    section[data-section-id="66550af5cb86a55accc8b8e0"] .content-wrapper {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

this needs some adjusting, but it may work? I will report back. It isn't an absolute fix, but I saw some changes. I will try to tweak and let you know.

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.