Archived topic

Background Image Link with GenerateBlock

5 replies · Started by Samuel on May 14, 2020

Viewing posts 1–6 of 6

May 14, 2020 at 12:34 pm #1284765

Hi,

I'm giving a try at Generate Block to make a homepage template.

I would like to have an image with title on it that link to a category. But not only link with title but with all the block, ideally with a color hover effect...

I tried to use the container with background image and title, but it seems that I can only link the title right ? Is there a way to extend the link area to all the div or maybe I can do that with another way ?

Thanks !

May 14, 2020 at 8:04 pm #1285052

Hi there,

This type of thing is planned for the pro version.

For now, you'd need to use CSS. Feel free to link us to the site and we'll take a look :)

May 20, 2020 at 4:21 am #1293511

Hi Tom,
Here it is : https://destinationsudouest.com/
Thanks

May 20, 2020 at 7:22 am #1293781

Hi there,

add this CSS:

.click-container {
    position: relative 
}
.click-container a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Then select the Container block you want to apply it to and in Advanced give it an Additional CSS class of click-container

May 20, 2020 at 7:28 am #1293789

Perfect ! Thanks a lot

May 20, 2020 at 1:38 pm #1294429

You're welcome

This archived topic is closed to new replies.

Start building better websites today.