Archived topic
Read More Composite Block
10 replies · Started by vasu on June 12, 2020
Hello,
I would like to have a composite block for my read more callouts, similar to the ones on the page I have indicated below. Image / text / arrow icon. Is it possible to create a template using Generateblocks that I can populate with the relevant image and text with links on all three blocks? Thanks!
Hi there,
Sorry what should I be looking at in the link attached?
The callout that says Read More and takes you to another post on the site. It is a block with an image on the left, the link to the other post in the center, and an arrow icon on the right. If you scroll down, you will come across a few of them to other posts from the post you are looking at.
The first of the blocks is right after the map.
Hi there,
Dynamic content in GenerateBlocks isn't possible at the moment, unfortunately.
However, it is something on the roadmap :)
I do not need it to be dynamic, I can set the links to relevant posts manually. I just need to know how the css should be written to have the grid contain three adjoining blocks in standard sizes with background colors like on the post I submitted, with the last block containing an arrow icon. If I can keep that as a reusable block, I can manually add the image and the text for each time I want to use the block. Thanks!
You shouldn't need CSS to create that using GB.
Just add 3 columns and set the width using percentage.
Then you can style each of the container inside the grid system separately:
https://docs.generateblocks.com/article/grid-overview/
https://docs.generateblocks.com/article/container-overview/#grid-item
Hi! Thanks, Leo! I tried it, please see the url below.
I have two questions / issues:
1. How do I get my image to fit into the box without gaps? In other words, can I specify an exact size for the container, say 200 by 200?
2. I seem to have lost the icon picker in my generate box options. How do I get it back? I want that picker to select the arrow icon for the last box.
Thanks!
I added the url to my original post on this issue.
The link doesn't load for me.
Can you double check?
I will defer this for now!
Sounds good.