[Resolved] Grids in a section

[Ying]

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

[Chintan]

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.

[Ying]

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/

[Chintan]

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?

[David]

Hi there,

Why not just use the GB Buttons Block?

https://www.screencast.com/t/C1Rmw0nNDpz6

[Chintan]

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.

[David]

You can make the Button look exactly the same as your headline – simply remove the background colors and it looks the same.

[Chintan]

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!!!

[David]

Glad we could be of help!

[Author]

Posts