[Support request] Clickable column with background

[Kasper]

Hi,
I have a table with 3 columns. I want to have 3 different background images in each column (and text on top) and make each column clickable. Is this possible?

[Leo]

Hi there,

You can try using GenerateBlocks and this method:
https://wordpress.org/support/topic/how-to-make-clickable-block/

[Kasper]

Hi Leo.
Thanks for your reply.
Where do I place the link in the block?

[David]

Hi there,

if you’re using the Headline Block, select the text and give it a link.
Make sure only one element has a link to attached to in each column container.

[Kasper]

Hi,
Thanks for the reply. Now I have made the text clickable. But it is only the text that is clickable. I would like the hole section to be clicable, is that possible?

This is the site: http://test.rugholm.com/

Another question. Is there a way to have the text in the bloc at the bottom?

[David]

Have you followed the steps in the topic that Leo provided :

https://wordpress.org/support/topic/how-to-make-clickable-block/

[Kasper]

Yes – I have added the class my-linked-container with the mentioned code to the top left box and made the text clickable.

[Leo]

I’m not seeing the CSS being added.

Looks like you are using some kind of caching plugins? If so can you clear and disable it first?

[Kasper]

Hi,
I tried this CSS instead and now it works:
.click-container {
position: relative
}
.click-container a:before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Can you help me move the text to the bottom og the bolck?

[David]

Select the Grid Container block containing your Headline, in the settigns Layout, you can change the Vertical alignment to Bottom.

Not the core text block will attract the themes bottom margin.
If you use a Headline Block instead of the Text Block you can remove/adjust that margin. Note the Headline Blocks Element can be set to a Paragraph.

[Kasper]

Thanks! that worked 🙂

[David]

Glad to be of help

[Author]

Posts