Site logo

[Resolved] Changing images to clickable

Home Forums Support [Resolved] Changing images to clickable

Home Forums Support Changing images to clickable

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2446475
    Erika

    Hi there,

    is there a way to make the six images with the overlayed links (unter Areas of Competence) on the welcome page clickable itself? I. e. could I build the container differently with the image itself looking the same way (opacity change on hover), but not only the blue div with icon being clickable, but the whole image as well?

    Thanks for an input, Erika

    #2446529
    David
    Staff
    Customer Support

    Hi there,

    are you using GenerateBlocks Pro ? Or just the Free version ?

    #2446561
    Erika

    Hi David,

    on this site the free version unfortunately 🙁

    One way would be to work with two fully designed images, one image for hover, one for no hover and link the hover image to the page.

    Is there an another way to add the image to the container and have the other containers on top?

    Thanks for looking!

    Erika

    #2446603
    David
    Staff
    Customer Support

    Try adding this CSS:

    
    .product-container-welcome {
        position: relative;
    }
    .product-container-welcome .gb-inside-container {
        position: static !important;
    }
    .product-container-welcome a:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    It should expand the existing links click target to fill the container.

    #2447227
    Erika

    Hi David!

    this is awesome! Thank you so much! I think I´ll learn some more about pseudo classes to understand why it works 😉 but I am happy that it does.

    Erika

    #2447846
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.