- This topic has 5 replies, 2 voices, and was last updated 2 years, 5 months ago by
.
-
Posts
-
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
Customer Support
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. 😀
- You must be logged in to reply to this topic.