Figcaption not aligning
-
On my home page I have 2 rows of 3-column block, each cloumn has an image of which the figcaption nicely aligns below the image.
On 2 other pages, including the 1 mentioned, the figcaption is floating right when viewing the page on a wider screen. Here I am using on 1 row of 3-column block. If I duplicate the row (using the code editor), this issue disappears.
I guess somehow I need to “force” the 3-column block to center-align ? When I check the code editor, I see the instances of a wp-block-column so not sure how I can make all 3 align nicely without “breaking” the responsive design feature.
The page I need help with: [log in to see the link]
-
Hi @mckracken ,
I inspected the code and added overflow: hidden in css. It looks ok.
@media (min-width: 782px) .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 0; flex-grow: 1; overflow: hidden; }see the screenshot please https://paste.pics/KTFXA
Regards
So this is what I see on 24″ screen at 1920×1080 as response to @gappiah .
trying the fix as suggested by @faithcoder
- The topic ‘Figcaption not aligning’ is closed to new replies.