I have created a widget in PageBuilder. In there I have three images (and some text) — the images are in a table. When I check the site on my phone, the images stay 1,2,3 across instead of wrapping or stacking — I’m sure the table is the reason.
So I removed the table but now i don’t know how to line the images up horizontally on one line.
I tried this: img {float:left; margin: 2px;} — but I’m sure I missing an important part of the code!
Thanks.
Hi Kdm-site
I have just looked at your site on mobile and everything looks aligned as expected. Did you have this solved?
Kindly let me know.
No, this is not resolved. The images are stacked vertically. I want them horizontal. Also, on my tablet, they don’t even show up.
I need to get this resolved so there’s no telling what “state” the page will be in when you work on this ticket but please offer any suggestions for getting 3 images across under some text. All of this in a Visual Editor.
You might consider using Page Builder to create this layout. You could add a row with three columns. You could also try the Layout Builder widget, that will let you build a layout within an existing Page Builder column.
Alternatively, try inserting all three images into a Visual Editor widget. Using the WordPress image alignment options, align the first image left, the second image, center and the last image right.
I am using Page Builder and have a Visual Editor Widget in the left column of the 2-column row.
I did try the alignment suggestion but each image was still on the next ‘row’ within the widget. They aligned as suggested but looked like a diagonal from left top, center middle to right bottom. Like there was a <br> between each.
I just tried your other suggestion and it will work for what I’m trying to do. I put a Layout Builder Widget in my row and in there added the cells I needed.
Thanks.
Hi kdm-site,
Glad to here you came up with a solution. :)
Cheers!
Super, glad to hear you made progress.