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

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?

Whelp, got it. I can do HTML and I can do Python, CSS not so much.

main {
padding: 0px 50px;
}

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.

-

Remove your code & use this code

/* Text block padding */
.html-block {
    padding: 0px 50px !important;
}

On 6/18/2021 at 8:30 AM, tuanphan said:

Remove your code & use this code

/* Text block padding */
.html-block {
    padding: 0px 50px !important;
}

 

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

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

2. (Mobile – contact) Align center submit button

https://www.queerterpreter.com/contact

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

https://www.queerterpreter.com/contact

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

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