[Resolved] Adding Links to Cover Element

[Thomas]

Hello,

I was wondering if someone could aid me in adding links to the cover element, where the text is covering an image.

[Thomas]

Sorry I forgot to clarify. Yes, you could add links to the text itself but surely there is a way to create a link out of the entire cover rectangle area, both the text and image for which there is no option?

[Ying]

Hi Thomas,

Your site is under maintenance mode, I am not able to see it.

And when you say cover element, do you mean the cover block of WP?

If so, GP has no control over it unfortuanly.

[Thomas]

I have removed the maintenance plugin, as the website is ready for the most part anyways.

Perhaps I could figure out how to code it if you could point me in the right direction. Is there a certain block ID or element tag or something I would be referring to here?

[Ying]

I can see the site now 🙂

So the section is built with GenerateBlocks, if you are using GenerateBlocks Pro plugin, there’s a built-in option to add a container link.

If you don’t have GB pro, try adding an additional CSS class to the container block, eg. container-with-link, then add this CSS:

.gb-container.container-with-link {
    position: relative;
}
.gb-container.container-with-link a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

Adding additional CSS classes to blocks: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

[Thomas]

Alright thank you! I’ll be going with GB Pro

[Ying]

Awesome 🙂

Here’s the documentation on container links, in case you need it:
https://docs.generateblocks.com/article/container-links/

[Author]

Posts