Site logo

Archived topic

Grids in a section

23 replies · Started by Chintan on July 15, 2022

Viewing posts 16–24 of 24

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/

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!

This archived topic is closed to new replies.