- This topic has 17 replies, 3 voices, and was last updated 7 years, 8 months ago by
Tom.
-
AuthorPosts
-
March 18, 2016 at 2:03 am #180040
Yvonne
I just installed GP yesterday and then updated to Premium last night. I’m loving the theme so far but my pages seem to be displaying as full width and for the life of me I can’t figure out how to change it.
My layout settings are:
Container width: 1000 px
Content layout: separate containers
Sidebar layout: content / sidebar
Blog sidebar layout: content / sidebar
Single post layout: content / sidebar
Header, navigation and footer width are all set to fullI though there might be an option in Edit page to change the page width but I can’t see it.
Can anyone tell me what I’m doing wrong please?
March 18, 2016 at 8:35 am #180086Tom
Lead DeveloperLead DeveloperHi there,
Any chance you can link me to your website so I can see?
March 18, 2016 at 8:56 am #180094Yvonne
Hi Tom
How do I link you to my site please?
March 18, 2016 at 9:17 am #180101Tom
Lead DeveloperLead DeveloperYou can post it in here or email it to me at support@generatepress.com.
March 18, 2016 at 9:26 am #180105Yvonne
Hi Tom
I’ve just emailed it to you.
Thank you!
March 18, 2016 at 9:30 am #180108Tom
Lead DeveloperLead DeveloperThis is because of Beaver Builder.
In most cases, people use BB to create full page layouts.
However, I’ve been seeing more and more people using it just for the columns.
In the next version of GP I’ve made it so the container will only go full width if no sidebars are selected.
For now, try this CSS:
.fl-builder .container.grid-container { max-width: 1200px; } .fl-builder.no-sidebar .container.grid-container { max-width: 100%; }
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
March 18, 2016 at 9:36 am #180110Yvonne
Wow, thanks Tom, that worked! I’m very impressed with the level of support!
March 18, 2016 at 9:37 am #180112Tom
Lead DeveloperLead DeveloperGlad I could help! π
April 4, 2016 at 5:42 pm #184220David
Hi Tom,
I just purchased, and I’m a Beaver Builder user.
But I can’t seem to get it to go full width.
I’ve added your CSS above, but I’m getting padding all round.
This is my demo page:
http://southperthcomo.info/bbplay/TIA, Dave
April 5, 2016 at 12:58 am #184271David
I searched further on the forums and found this:
.fl-builder .entry-header, .fl-builder .synved-social-container, .fl-builder footer.entry-meta, .fl-builder .comments-area, .fl-builder.archive .container.grid-container, .fl-builder.blog.container.grid-container { max-width: 1980px; }
I then still had padding all round, so I then used developer tools to add this:
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content { padding: 0px 0px 0px 0px; }
Not sure if this is all required, but for now it seems to work OK
Thanks, DaveApril 5, 2016 at 1:48 am #184281David
Actually that is still not working – I’ve tried several css solutions, but now I have a top gap above the content – see link I posted above..
Thanks, DaveApril 5, 2016 at 10:08 am #184419Tom
Lead DeveloperLead DeveloperHi Dave,
None of that should be necessary since you have the layout set to no sidebars.
The page look great to me, did you figure it out?
Let me know π
April 5, 2016 at 3:58 pm #184510David
Thanks Tom,
Not sure, I switched another site to GeneratePress and didn’t have an issue at all, so leave it with me and I’ll double check that first one…
Cheers, DaveApril 5, 2016 at 8:57 pm #184557Tom
Lead DeveloperLead DeveloperNo problem – I’ll be here π
April 5, 2016 at 9:01 pm #184560David
Hi Tom,
The second theme I started switching to is this one:
http://touchstonesoftware.com.au/ihs/On the home page, you will see a white row above the footer – I can’t figure out what is causing this ?
TIA, Dave -
AuthorPosts
- You must be logged in to reply to this topic.