Bricks Version: 1.4.0.2 Browser: Chrome 103, Firefox OS: Linux Mint 20.2 URL: bricks.2sinn.it/blog/ (Issue can’t currently be seen there because I worked around it by adding margin: auto; to #brxe-jharma, you can see the issue by deactivating that rule in Inspector)
Steps to Reproduce:
Create new page, click “+” to add new elements
Select “Container” element using “Layout” button in top left
Select first option, “Full Width (Section)”
Build some stuff inside the section > container
Save the whole thing as a template, selecting “Section” as type
On another page, add the “Template” element at root level in the layout structure
Select the template saved in step 6
Current Results:
The template’s content, even though centered when the template stands alone, floats left when added to a page layout at the layout structure’s root level.
Expected Results:
The template should behave the same way it does when viewed on its own, outside of a page context.
Notes:
I think this has to do with the “Template” element wrapping the template in a div. That way, the template’s root element (the ) inherits a class, or at least some interfering CSS.
I was about to create a ticket, but not sure it is related to this. (Mine is a page template - Blog single, not a section) and I have an issue with this being applied on the frontend:
Hey Michael,
This is neither related nor a bug. align-self: center has always been there and keeps the container centered. Without that, the container would always align left (because that’s the default for a flexbox item).