Hi guys, would like to achieve a flexbox/block that looks like this: https://d.pr/i/5piIPo
Post title, author name, author image. Styled like in my screenshot (this is for a section where we feature columnists).
What’s my best strategy to achieve this? thank you.
Hi,
This can be done using flex block 1, but I think that will be more fast if you import a pre-made section similar with what you need, for this you need to use tagDiv Composer -> https://i.imgur.com/6emsSYJ.png I think this one is good -> https://i.imgur.com/tQmuxsj.png all the time the section imported from tagDiv Cloud Library will be set at the bottom of content, you can drag it from there and place it where you want.
here are the results -> https://i.imgur.com/Xzg2smK.png now we need to remove the category and display the author and make the image round, click on the flex and check the layout tab -> https://i.imgur.com/l4basGs.png -> https://i.imgur.com/QqAFGz2.png and here is the best you can achieve -> https://i.imgur.com/8TAOlWH.png also if you display the category too -> https://i.imgur.com/1rkeWdV.png
Hope this will help you!
Thank you!
Thank you Calin for the detailed explanation — but I’ve already tried that. Problem is that the layout is different than my desired layout (even if I hide post image, category etc’…)
Using Flexbox: https://i.imgur.com/tLEchxo.png
The desired layout: https://d.pr/i/5piIPo
I think this will require creating a custom element flexbox or block? please advise. Thanks so much.
This has been resolved with a cloud block template that offers author name+image above the title + custom CSS. Thank you.
Hi,
I’m glad that you sorted out the situation.
If you have other questions, let us know!
Stay safe!
