Site logo

Archived topic

Clickable column with background

11 replies · Started by Kasper on December 16, 2020

Viewing posts 1–12 of 12

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?

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

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.

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?

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

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?

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?

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.

Thanks! that worked :)

Glad to be of help

This archived topic is closed to new replies.