Site logo

Archived topic

Adding Links to Cover Element

6 replies · Started by Thomas on August 2, 2022

Viewing posts 1–7 of 7

Hello,

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

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?

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.

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?

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/

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

This archived topic is closed to new replies.