Archived topic
Adding Links to Cover Element
6 replies · Started by Thomas on August 2, 2022
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
Awesome :)
Here's the documentation on container links, in case you need it:
https://docs.generateblocks.com/article/container-links/