- This topic has 8 replies, 3 voices, and was last updated 7 months, 3 weeks ago by David.
July 7, 2020 at 10:22 am #1355587Vera
I’ve just purchased GP Premium, and I am trying to build the HP that looks like the one I am having now on another theme.
I would like to break the page with some full-width containers with a background color. In one I would just like to put a simple heading (H3), and in another one, I would like to put social icons.
When I try to add a container, if I specify “Set Full-Width Content” then all other elements on the page go full-width, and not only the container I am trying to get that way. On the other hand, if I disable that option, and just chose drop-down options: Container: Full-width, and Inner Container: Full-width/contained (anyone), the container goes to max-content width (1310 px), and not max screen width.
The site is locked as I work on it, but I am happy to send you print screens (if you tell me how, as this form doesn’t have that option).
Thanks for your help!
veraJuly 7, 2020 at 2:51 pm #1355801TomLead DeveloperLead Developer
In GenerateBlocks 1.1.1 (available now in your Dashboard), you can set the align option to “Align Full”. You’ll find the option for this in the block toolbar of the Container block.
This will force the container to become full width.
If possible, we do suggest that a page with full-width containers start out as a full-width page. Then you can add contained Container blocks to the page when needed.
Let us know if you need more info 🙂July 7, 2020 at 10:45 pm #1355986Vera
thanks for your reply. I downloaded the new version, but I don’t see the align option. However, I have found solution that seems to be working. Maybe you can have a look. In Simple CSS, I added the following code:
margin: 32px calc(50% – 50vw);
It does the job at least on my screen. I was just wondering if you see any reason why I shouldn’t use this code and if in your opinion it will work on all screens.
veraJuly 8, 2020 at 3:08 am #1356203DavidStaffCustomer SupportJuly 12, 2020 at 12:17 am #1360621Vera
thanks for this! Now it works. However, for some reason, the container can’t stretch all the way to the left (it leaves some white space, while it perfectly stretches to the right side of the page). I am also quite sure this wasn’t the case the first time I have tried it. Do you have any idea what can be causing this problem? Thanks!
veraJuly 12, 2020 at 12:24 am #1360625Vera
Hm, I found out what was causing it. I changed content padding right to 20 px instead of 40 px. I now put it back to 40 px and that solved it.July 13, 2020 at 12:59 am #1361570DavidStaffCustomer SupportJuly 13, 2020 at 1:47 am #1361609Vera
Thanks, David!July 13, 2020 at 3:13 am #1361682
- You must be logged in to reply to this topic.