Jump to content

Reduce gap between text and edge of text block horizontally

Recommended Posts

Site URL: https://www.earandeye.se/

Hi there!

As you see in the picture, there is a gap between the beginning of text to left edge of text block, end the end of text to right edge of text box. When you resize the window, in a certain interval the gap between top block and middle block increases, with nothing inbetween it, and I think it's because this empty gap in the text block is treated like something that needs space and therefore takes up space between top block and middle block. When you shrink the width of the window even more the actual text jumps down as expected and it looks good.

See pictures for better understanding:

 

Picture 1:

I want to delete the space where there is a red X.

717834339_Skarmavbild2021-09-16kl_10_57_41.thumb.png.cf87b2b51ff95f53ae6bbe3187f9744c.png

 

Picture 2:

Changing width of window makes a bigger gap appear (red box). Looks bad.

2096543603_Skarmavbild2021-09-16kl_11_22_55.thumb.png.5cad5865908bc86fb0d8ba7d30ba91aa.png

 

 

Picture 3:

Shrinking window even more (mobile view) makes the text jump down as expected. Looks good. Would be nice though if I could control what part of the text that was jumping down so that it says:

What The Ear Receives

Is What The Eye Perceives

(with center align)

1758858266_Skarmavbild2021-09-16kl_11_23_37.png.a91f9e5f02222202c2ae53dd393be11b.png

 

Thank you, hope you understand my question haha...

 

Link to comment
  • Replies 2
  • Views 351
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.