- This topic has 20 replies, 9 voices, and was last updated 1 month ago by
Elvin.
-
AuthorPosts
-
July 7, 2020 at 1:34 pm #1355743
Arp
Usually I’d display a link as a block and then give it a width & height but I can’t figure out how to do that with GenerateBlocks. Is it just using the button block? Or something advanced with another block?
Note: the container would need to have an image as a background, so that seems to rule out buttons.
July 7, 2020 at 2:21 pm #1355777Leo
StaffCustomer SupportHi there,
That will be an option in the pro version.
Or you can target the link in the container like this:
.gb-container-123 { position: relative; } .gb-container-123 a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 8, 2020 at 10:42 am #1356865Arp
Sorry, that didn’t work. Could be because I’m using a Headline block, I’m going to have to figure something else out.
July 8, 2020 at 11:59 am #1356961Leo
StaffCustomer SupportSounds good π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 7:16 am #1361900Dmitry
It looks like there is no pro version for GB. And the solution looks not comfortable to use if you have dozens of blocks on the page.
Any ideas how to make containers work as links?
July 13, 2020 at 7:29 am #1361912David
StaffCustomer SupportHi there,
the Pro version is yet to be released.
This will be one of the features of that version.In the meantime you would need to do the following:
1. Add a Button or
<a>
element inside the container.
2. Give the Container Block an Additional CSS class e.gclickable-container
3. Add this CSS:.clickable-container { position: relative; } .clickable-container a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 8:58 am #1362178Dmitry
I understand, but there is no way I can add any blocks inside a button block.
July 13, 2020 at 9:46 am #1362236David
StaffCustomer SupportYou cannot add a block inside a button.
The method provided above is the only non-Javascript way of doing this.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 10:35 am #1362283Dmitry
Anyway thanks! Is there any info about the release date of pro version?
July 13, 2020 at 2:15 pm #1362465Tom
Lead DeveloperLead DeveloperNot yet – hopefully in the first half of August.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 15, 2020 at 5:01 pm #1444976Austin
Hello – I am wondering if there is a solution to this yet? Is the pro version out?
September 16, 2020 at 9:17 am #1446031Tom
Lead DeveloperLead DeveloperNot yet – still working on it π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 7, 2020 at 12:00 pm #1477214Austin
Hi David – I tried the method you perscribed above with the clickable-container class and it didn’t work. Can I privately share me site with you to see if you can help?
October 7, 2020 at 12:04 pm #1477224Elvin Customer Support
Hi Austin,
Can you open a new topic about it?
We’ll make sure that it gets addressed there. Thank you. π
A wise man once said:
"Have you cleared your cache?"October 7, 2020 at 12:10 pm #1477244Austin
Never mind. I figure out a workaround. But I am looking forward to GenerateBlocks pro!!!
-
AuthorPosts
- You must be logged in to reply to this topic.