- This topic has 10 replies, 6 voices, and was last updated 3 years, 7 months ago by
Christopher.
-
AuthorPosts
-
March 22, 2022 at 2:15 pm #2163974
Viktor
Hi,
I have a container with a background image that I would like to add a link to, how do I do this? Can I add a css with specific url and then assign the css class to the box or is there another smart way of adding a link to the container?
March 22, 2022 at 2:37 pm #2163991Leo
StaffCustomer SupportHi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-informationLet me know 🙂
March 23, 2022 at 1:41 am #2164381Viktor
Yes!
March 23, 2022 at 1:50 am #2164386Fernando Customer Support
Hi Viktor,
Adding links to a Container Block is a functionality available through GenerateBlocks Pro: https://docs.generateblocks.com/article/container-links/
Otherwise, you would need custom code, specifically, Javascript.
Hope this clarifies! 🙂
March 23, 2022 at 2:01 am #2164395Viktor
Really, you can’t put a html link in a container? Is there no way to add a H1 and make it transparent or give add a css class with url and then add it to the container?
March 23, 2022 at 5:39 am #2164581David
StaffCustomer SupportHi there.
try this:
1. Select the Container Block and in Advanced > Additional CSS Class(es) add:
linked-container
2. Inside the Container select one block eg. Headline and add your link to that.
3. Add this CSS:.gb-container.linked-container .gb-inside-container { position: relative; } .gb-container.linked-container a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }This will extend the ‘clickable zone’ of the link to the size of the container it sits within.
March 23, 2022 at 2:05 pm #2165183Viktor
How do I add a headline without anything showing? I only have the image and if I add a headline with a link I need to add sone type of text. Also tried html but didn’t work either.
March 23, 2022 at 5:03 pm #2165252Ying
StaffCustomer SupportLooking at your design, why not use the image block with a link instead of the background image?
Or you can add a headline block, give it a CSS class, use
opacity:0;to hide it.March 24, 2022 at 3:20 am #2165626Viktor
Thank you Ying, I was looking for a solution like that 🙂
March 24, 2022 at 9:17 am #2166190Ying
StaffCustomer SupportNo problem 🙂
August 25, 2022 at 12:48 am #2323169Christopher
Can be deleted 🙂 got it to work already
-
AuthorPosts
- You must be logged in to reply to this topic.