mackenzie Posted July 2 Share Posted July 2 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! Link to comment
DavidStewart Posted July 2 Share Posted July 2 I am not seeing the issue. Can you elaborate. Link to comment
Lesum Posted July 2 Share Posted July 2 @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
mackenzie Posted July 3 Author Share Posted July 3 16 hours ago, DavidStewart said: I am not seeing the issue. Can you elaborate. See if you can see what I mean by watching this short screen recording. https://www.loom.com/share/4742ef6709494eb98661d03e85b7e559?sid=d9a9c139-66c8-4a3d-835d-8c33d8b7c518 Link to comment
mackenzie Posted July 3 Author Share Posted July 3 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
DavidStewart Posted July 4 Share Posted July 4 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
mackenzie Posted July 10 Author Share Posted July 10 No I tried that already. No luck. But I did figure it out. Link to comment
Solution mackenzie Posted July 10 Author Solution Share Posted July 10 (edited) If anyone else needs solution to this: My fix was not using a fluid section for the text half. You need to use a classic editor section and you won't have any text block sizing issues. Edited July 10 by mackenzie creedon 1 Link to comment
creedon Posted July 11 Share Posted July 11 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment