[Resolved] Entire block clickable

Home Forums Support [Resolved] Entire block clickable

Home Forums Support Entire block clickable

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1582515
    Sofie

    Hi,

    I refer to the site https://www.capeach.eu/test, where I’m trying out our new homepage.

    You can see 4 blocks (online taalcoaching, vertalingen …). Is it possible to make an entire block clickable? I thought I read something about in on the forum, but I can’t find the topic back. I thought it would be a new option in the latest version of GP Premium, but I just installed it and I still can’t find it.

    Each of the 4 blocks should link to another page.

    Thank you very much for your reply. Do not hesitate to refer me to other pages if they do exist.

    Kind regards,
    Sofie

    #1582720
    David
    Staff
    Customer Support

    Hi there,

    this will be a featured of GenerateBlocks Pro… in the meantime you need to add this CSS:

    .gb-container.clickable-container .gb-inside-container {
        position: relative;
    }
    
    .gb-container.clickable-container a:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
    }

    Then you need to add a link inside the block, the simplest way is to highlight the Headline Block and give it a link.

    Then select each of the Container Blocks and in Advanced > Additional CSS Class(es) add: clickable-container

    #1582800
    Sofie

    Wonderful, you rock πŸ˜‰ Thank you very much.

    Kind regards and have a nice day,
    Sofie

    #1582801
    David
    Staff
    Customer Support
    #1653954
    Roberto Enrique

    I’ve been reading many threads regarding the “clickable container” feature in GB Pro… but I can find it how regardless.
    Where in the GB docs is the part related to this feature?

    Thanks in advance.

    #1654257
    David
    Staff
    Customer Support

    Hi Roberto,

    We’re still in the process of updating the GB Docs.
    You can find the link option in the Container Block Tool bar:

    2021-02-11_13-19-03

    Can you raise any other GB related topics in the GB Support forums.
    Or join our Community πŸ™‚

    https://community.generateblocks.com/

    #1654265
    Roberto Enrique

    Thnks πŸ™‚
    Next time I’ll post over there.

    #1654537
    David
    Staff
    Customer Support

    You’re welcome πŸ™‚ Be good to see you in the Community!

    #2147959
    Katerina Teresidi

    Dear David,
    Thank you for the CSS solution, it works good.
    Is there a possibility to implement a link hover effect over the whole container too?
    Thank you very much!

    #2148549
    David
    Staff
    Customer Support

    Hi there,

    its an option built into GenerateBlocks Pro – called Effects:

    https://docs.generateblocks.com/article/effects-overview/

    If you’re not a Pro user then start a new topic and share a link to your site and we can take a look

    #2225411
    Matthias

    Just searched for the same thing.
    works like a charm – thx.

    #2225461
    David
    Staff
    Customer Support
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.