Contained width container showing full width
-
Hello,
Having an issue with a container block setup with “contained width” set at 600px, and with a background image. It shows correctly in the editor (https://www.screencast.com/t/IgBD271B), but when viewing the actual page, the background image shows full width (https://www.screencast.com/t/DPsRpNKbFEu4).
Not sure what I am doing wrong here, does the contained width not apply to the background image?
The page I need help with: [log in to see the link]
-
I am using Blocksy, but it happens on the default theme as well (Twenty Twenty Two: https://www.screencast.com/t/goFFc6He5).
After speaking with Blocksy support, they pointed out that it is a known bug (https://github.com/tomusborne/generateblocks/issues/157), with no fix yet.
While your CSS works for containing the width, the Headline container is now sticking to the bottom of that container and ignoring the margin-bottom I have for it (100px).
I’m quite sure another piece “Additional CSS” can fix that, but this really defeats the purposes of having the GenerateBlocks plugin. If I have settings available to change within the plugin, they should really just work.
So, with the CSS from @fernandoazarcon2 the container is now the right width, but the headline in the container is ignoring the bottom-margin I have set. This is how it appears in the WP editor: https://www.screencast.com/t/akWFuenh0, and it is correct.
On the actual live page view it appears like this: https://www.screencast.com/t/klSP7ku2b. It is ignoring any value I set for bottom-margin in GenerateBlocks.
Is this a GB issue, or the theme (Blocksy)?
Thanks.
The topic ‘Contained width container showing full width’ is closed to new replies.
