- This topic has 12 replies, 2 voices, and was last updated 5 years, 5 months ago by
Tom.
-
AuthorPosts
-
September 28, 2015 at 10:22 am #140373
optimusvault
You may see that the theme isn’t in full width.
Wondering how I can change this please.
September 28, 2015 at 10:45 am #140396Tom
Lead DeveloperLead DeveloperAre you wanting your content area to be full width like your header?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 28, 2015 at 10:48 am #140397optimusvault
Yes please.
September 28, 2015 at 10:50 am #140399Tom
Lead DeveloperLead DeveloperGive this CSS a try:
body .grid-container { max-width: 100%; }
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 28, 2015 at 10:54 am #140402optimusvault
Tried it and it stays the same. I even made the sidebar spacing 0px to see if it was the sidebar causing the issues even though no sidebar on my site.
September 28, 2015 at 10:54 am #140403optimusvault
Could it be because
Container Width – 1100pxNot wide enough?
September 28, 2015 at 10:55 am #140404Tom
Lead DeveloperLead DeveloperWhere did you add that CSS? I’m not seeing it anywhere.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 28, 2015 at 10:57 am #140405optimusvault
Used the Jetpack edit CSS.
September 28, 2015 at 10:59 am #140406Tom
Lead DeveloperLead DeveloperSomething must be wrong with the configuration – I’m not seeing it added to your website (checked the source).
Alternatively, you can go to “Customize > Layout” and increase the container width to the max.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 28, 2015 at 11:01 am #140407optimusvault
If I increase it to the max will it still show up correctly for smaller screens?
It’s here:
<style id=”custom-css-css”>.edit-link{display:none}body.grid-container{max-width:100%}</style>September 28, 2015 at 11:03 am #140408Tom
Lead DeveloperLead DeveloperAh, I see the issue – I edited my code above: https://generatepress.com/forums/topic/theme-not-in-full-width/#post-140399
Either way, it will display correctly on smaller screens π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 28, 2015 at 11:08 am #140410optimusvault
Thanks sir. Amazing theme <3
September 28, 2015 at 11:10 am #140411Tom
Lead DeveloperLead DeveloperThanks! π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.