Jump to content

0 margin on my site, how do I add it back in?

Recommended Posts

Site URL: https://www.queerterpreter.com/

For some mysterious reason, my site has no margin/padding, which is primarily a problem on mobile. I'm aware I can add margin or padding through CSS, I'm just not sure of how to do it without it manifesting as ugly white stripes. I'm trying:

body {
padding: 0px 10px;
}

or

body {
margin: 0px 10px;
}

For the site-wide custom CSS. How do I do this so it adds space on the left and right of the text, but it maintains the dark blue of the top navigation bar and the light blue of the main background?

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

Ok, no, I'm back, this generates another problem where there's also padding around the background image in the cover page (top of the page I linked), and I want a full bleed for that. How do I get background images to go all the way to the left/right but, simultaneously, not have text go all the way to the edge of the window?

I'm attaching two screenshots of the same page and window configuration, first without padding and then with, to illustrate the problem.

image.png.5320107bb422eec56507791875fad94c.png

-

image.png.cc8988a87e8f617e6fcb30b78e6fcd0a.png

Link to comment
  • 3 weeks later...
On 6/19/2021 at 8:14 PM, queerterpreter said:

My hero! Yes, this was it, thank you so much 😃

Need help with these?

Site URL: https://www.queerterpreter.com/

1. (Mobile – header) icon cut off on right.

https://www.queerterpreter.com/suggested-reading

queerterpreter.com-01-Mobile-header.png

2. (Mobile – contact) Align center submit button

https://www.queerterpreter.com/contact

queerterpreter.com-02-Mobile-contact.png

3. (Mobile – contact) There is a white bar in the right of screen

https://www.queerterpreter.com/contact

queerterpreter.com-03-Mobile-contact.png

4. (Mobile-Header) People icon is closer on bottom. Add a space at bottom of this icon?

queerterpreter.com-04.png

5. (Mobile-Header) People icon overlap close X icon

queerterpreter.com-05.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.