Browser: Brave/Firefox
OS: macOS
Image alignment is broken when using the Post Content element.
To reproduce:
Fresh install
Create a template with Post Content element.
Apply to entire site
Create a post with gutenberg.
Add standard image element.
Select align-center
Save
View page:
Image is not centred.
Workaround:
Revert to v1.12.4
View page:
Image is centred.
Am I doing something daft?
tested, find some problem.
wordpress use margin-left:auto; margin-right:auto to achieve centering effect,
so <img> need add display:block or add display:table for <figure>; old version bricks have this css, but bricks2.0 have not. (need fix it)
Another way to achieve this is to add an exact width to <figure> instead of auto.
(this have bug on old bricks version too)
for example, add image on row block, and set center,
on front page, you will find it don’t work.
need add exact width to <figure>, it will work fine, but on gutenberg editor, there is no convenient way to add
Need to optimize
Thank you for taking the time to look at this.
You’re quite right about setting img to display: block - and a little bit of custom css in the Bricks settings sorts it.
I’m glad to help you, but it’s quite tedious to operate. Hope it can be fixed as soon as possible
Hi guys,
Thanks so much for your report.
The problem has already been reported and will be fixed in the next version:
I’ll close this thread accordingly.
Best regards,
timmse
