My grids on the homepage and about us page generate different lines for each column. I also try to contain my info on the home page to 1000 width but its looking like it takes up a majority of the homepage instead of being more centered.
Any ideas how to get the grids on the same lines and contained?
The page I need help with: [log in to see the link]
Hi @fernandoazarcon2 – that is exactly what I see as well. My GB plugin is activated and updated to version 1.8.2. What else do I need to do have the site load the GB CSS?
With that inner container you can set its Sizing > Max Width, and place your content inside it. Also give it ( or the parent container ) some Spacing > Padding.
Thank you @diggeddy. That seemed to fix the issue for the desktop version -however the tablet or phone version doesn’t auto resize so it just cuts off the content.
Hi @diggeddy – I did update the containers to have a max width of 1000. The 5 column grid (5 bubbles on homepage) resizes perfectly but the Who We Are section and the latest post section does not resize despite being a max width of 1000. I tried to regenerate the CSS as instructed before but nothing triggered either.
I just checked your site, the front end is not loading CSS correctly, did you change GB’s CSS print method to inline? If not, please do so. And also, please clear your cache one more time.
Based on your screenshot, the container seems to have the 1000px width value inherited on the mobile, can you make sure both the tablet and desktop do NOT have the 1000px width set?
Hi @yingscarlett – thanks so much for the reply. To clarify – which containers display should be inline and should that apply to all versions (desktop, mobile, and tablet)?
I did remove 1000px from the width set so now only the max width is set to 1000px across all three types of screens.
To clarify – which containers display should be inline and should that apply to all versions (desktop, mobile, and tablet)?
No, that’s not what I mean. David asked you to change the CSS print method to Inline Embedding at dashboard > genereateblocks > settings, did you do that?
If you’ve set any blocks to inline, please revert them back. Sorry for the confusion!
Thanks @yingscarlett for clarifying. I mistook the original comment. I have now updated my settings to Inline Embedding and reset all my containers to default. I also purged my cache. However, now everything is aligned to the far left hand side of the page.
That’s looking better, now you just need to select the parent container, and set the margin-left and margin-right to auto to center the container. Here’re some examples of container alignment:
