[Resolved] Background Image Link with GenerateBlock

[Samuel]

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 !

[Tom]

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 🙂

[Samuel]

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

[David]

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

[Samuel]

Perfect ! Thanks a lot

[David]

You’re welcome

[Author]

Posts