Archived topic
Is there a way for me to get a photo by text?
8 replies · Started by Heath on February 8, 2021
I've included a link screenshot in the private section. I would like to get a thumbnail photo by wording. I tried to add the block photo with text by it but it isn't turning out how I'd like at all.
I'd like to have a small thumbnail picture with the title wording right beside it.
Hi Heath,
You could create a block structure like this by using our block editor plugin Generateblocks to reach the layout you are looking for:
https://www.screencast.com/t/QUE3kEQzH7xu
https://wordpress.org/plugins/generateblocks/
I'm not getting it to be side by side.
Can you show me how it looks right now? Thanks!
You could try to make the image align to the left, and set the horizontal gap of the grid to 0.
https://www.screencast.com/t/mbfekKVCH
I've included the link but don't have a specific post at the moment for you to view. I am wanting to create a roster type page to show photos with the name right beside it and then stats and description spanning the width of the site below.
Here is how it's looking now.
Using the mobile tab in block editor, set the container width of the image to around 25% on mobile view, and set the title container width to 75%.
Click the image itself, set its dimensions to 70px by 70px, ensure that the image you are using is a perfect square.
Let me know how it goes.
Excuse my ignorance here. What is the mobile tab in the block editor? I think I've seen it but now I'm not able to find it.
It's ok.
When you are using Generateblocks as block editor, it allows you add different spacing to the element.
This is where you can find the tabs.
https://www.screencast.com/t/0AZzxZyZw
Here're some documentation from GB, should be helpful.
https://docs.generateblocks.com/article/grid-overview/
https://docs.generateblocks.com/article/container-overview/
