Archived topic
Remove color background with Charge
5 replies · Started by Marc-Antoine on October 26, 2021
Hi !
I'm using Charge with GeneratePress, but on big screens (more than 1600px) I see gray edges on both sides
Is it possible to adapt the main container to all screens and not just with max width ?
Hope you will understand my issue, i know i'm not very explicit
thanks and have a good day
Hi there,
You can set the background color of the <body> tag to white or #ffffff on Appearance > Customize > Color.
You can then remove the box shadow on then CSS:
.site-wrapper.grid-container {
max-width: 1600px;
background: #FFFFFF;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}This CSS is found on Appearance > Customize > Additional CSS area.
Note: You can remove this whole CSS entirely if you also wish to remove the width restriction. Currently it is set to 1600px.
hi
thanks it worked for the background
I just have the same problem with the footer now... do you know how I can remove width restriction for the blue color of the footer ? I don't find anything about it in Additional CSS area
thanks a lot
I don't see any color anymore.
Perhaps you're pertaining to empty space highlighted in orange here? - https://share.getcloudapp.com/ApuEklLE
Are you trying to make the footer color go full width of the page? If that's the case, add this CSS:
body > .site-wrapper {
max-width: 100%;
}Thanks that's exactly what I was looking for !
Thanks for great support :)
No problem. Glad to be of any help. :D
