Archived topic
Grids in a section
23 replies · Started by Chintan on July 15, 2022
Ah do you mean to add a link to a headline block and the link take you to an HTML anchor?
If that's the case, check out this video, it should help:
https://youtu.be/f_OaAiJ3oV4
Hi Yin,
I want to add one link each to every "Headline" element — extending to their borders. I read this whole related thread on making containers clickable: https://generatepress.com/forums/topic/add-link-to-container/#post-2164581.
So should I put every headline under one container each to achieve this or is there another way? I am attaching a screenshot to clarify what I mean.
So should I put every headline under one container each to achieve this or is there another way? I am attaching a screenshot to clarify what I mean.
No, you don't have to.
Try this:
1. Add an additional class to the container block which contains all the headline blocks, eg. titles-container.
You can do so following this guide: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/
2. Add this CSS:
.titles-container .gb-headline a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Thanks a lot, Ying. So after doing this, I added the additional class & CSS, following David's advice here: https://generatepress.com/forums/topic/add-link-to-container/#post-216458. The last Headline element's URL in every container seems to have taken over the complete container as of now. Can you please have a look if all's okay?
Hi David,
I tried this. Buttons are too attention-grabbing and carry an undertone of "taking action" for the visitors. 16 buttons stacked near each other is way too much. I wouldn't want to do that.
You can make the Button look exactly the same as your headline - simply remove the background colors and it looks the same.
Thanks a ton, David. I was initially hoping to do something like that couldn't do it. Now I managed to do it. Thank you so much for the help again everyone the GP team — you people rock!!!
Glad we could be of help!