Jump to content

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

Go to solution Solved by mackenzie,

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

@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

There's no need to insert any additional code to resolve the issue. Begin by examining the document for any superfluous paragraphs or spaces and eliminate them. Next, I recommend removing the existing block and creating a new one to reinsert the text. This should rectify the problem.

Link to comment
4 hours ago, mackenzie said:

You need to use a classic editor section and you won't have any text block sizing issues.

Classic Editor is still useful for many situations. Unfortunately because of the nature of FE using CSS grid there are some challenges SS is going to face to make it as seamless as the CE.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.