Jump to content

Several padding problems - text boxes, and white bar at bottom of section

Go to solution Solved by Ziggy,

Recommended Posts

 

Hello,

I'm having two problems with padding on my site. I'm using 7.1 and i'm sure there's an easy solution, but i can't figure it out.

https://www.bankerladiescouncil.ca/   1. As you can see in the first image the text is falling off the left side of the browser. The editor does NOT allow me to move the text over just a little bit. It only gives me the option to move it over to the right A LOT.

Screenshot2023-11-09at12_31_37PM.thumb.png.0b682b3e45eb0a3dce3c2025c35e5786.png

Image showing the text too close to the left

Cantedithalp.thumb.png.61af3af890ab534934dc04813f246c3a.png

Image showing how it only allows me to move the text over A LOT - too much.

2. https://www.bankerladiescouncil.ca/contact   As you can see in the picture below, my contact page has a white bar at the bottom i can't get rid of. 

Screenshot2023-11-09at12_26_39PM.thumb.png.71231fd1eaac577005eb9d78997d5c69.png

 

Any help with either of both of these problems would be greatly appreciated. 

Link to comment
  • Solution

1. Go into styles and spacing and change the site page width to be as wide as you need for the design, but be aware that the wider you make it the harder it is to make the design work well on tablet sized screens.

2. The space is appearing because you only have one section and it is not tall enough to fill the space, set the section height to L (Large).

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
8 minutes ago, Ziggy said:

1. Go into styles and spacing and change the site page width to be as wide as you need for the design, but be aware that the wider you make it the harder it is to make the design work well on tablet sized screens.

2. The space is appearing because you only have one section and it is not tall enough to fill the space, set the section height to L (Large).

Hello!

Thanks so much for your quick response.

The first one was an easy fix, thanks for that. The second one i *think* i've got. So i made the "page width" wider... which made the text have *more* of a margin. That doesn't make much sense to me (you'd think it would give it less margin) and also you'd think the MARGIN setting would be the one helpful to make the margin bigger, but you're totally right, the margin setting does nothing.

Also just for future users who might have this problem - You then have to go back and move the text again, unlike with the margin setting where you see the results as you move the slider.

Thanks again. I'm not sure how this might affect tablet screens, (since it creates a *bigger* margin) but i'll try to find one to see if it's ok!

Thanks again :)

 

 

Link to comment
2 hours ago, JTeich said:

Thanks again 🙂

Glad that helped you!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.