How to get rid empty gray space on either side of blog

Hey there,

Thanks for using Morning!

The following CSS should work to keep the site’s background white at all screen sizes:

body {
  background: #fff !important;
}
.overflow-container {
  border: none !important;
}

You can add that code into the Additional CSS section in the Live Customizer.

It works, thank you so much!!
Can I also ask about the logo of the site? I upload an image and the site title disappear is there a way to display both logo and site title?
Thank you again

You’re welcome ??

There isn’t currently a way to display both the site title and logo. As an alternative solution, you could include the site title in the logo image itself.

Okay I will make a logo with site title included! Thank you so much

I want to ask for another question about content’s placement. I want the content to have equal distance on both left and right side. Is there a way to adjust this?

Thank you for your help again.

View post on imgur.com

• This reply was modified 3 years, 8 months ago by haitacden77.
• This reply was modified 3 years, 8 months ago by haitacden77.

Sure thing!

Try adding CSS to center that content on the site:

#menu-primary {
  display: block !important;
  float: none !important;
  text-align: center !important;
}

Hi again,
Actually I want the content to responsive. It can flexible when it’s on big screen, I mean it can have a equal distance on both left and right side. On big screen like 24″ monitor it has a white space on both side.
Can you help me with it? Thank you for your time and patience. I am really appreciate

Okay sorry for misunderstanding. Try this code instead to remove the width limitation:

.overflow-container {
  padding: 0 !important;
  margin: 0 !important;
}

Hello,
I try the css code above but it is not working. But I think this is it. Thank you so much. If you have another solution just let me know.
Otherwise this is fine. Thank you again for your help.

Sorry, I think this CSS will work better:

.overflow-container {
  padding: 0 24px !important;
  margin: 0 !important;
}
.max-width {
	max-width: none;
}

You can increase the “24px” value if you want more space on the left and right sides.

It works! Thank you so much for your time and patience ??

I will ask again if I have more concern. Thank you

Awesome. Glad we could get that working ??