Archived topic

Add Link to featured image and hover effect

4 replies · Started by werner on March 26, 2023

Viewing posts 1–5 of 5

March 26, 2023 at 2:21 am #2582364

Hello all,

i want to link the entire featured image to the blog post / page. How can I do that?
Also i want to add such a zoom hover effect, like on this reference site. Do you have any idea how i can add that zoom effect to the featured images, once the user hovers with the mouse on the image.

March 26, 2023 at 7:51 am #2582686

Hi there,

can i see your site where you want to apply this?

And do you have a GenerateBlocks Pro license ?

March 27, 2023 at 9:08 am #2584386

please find here the details

March 27, 2023 at 9:09 am #2584389

update: actually i do not have the generateblock PRO license. I just thought you mean the generatepress

March 27, 2023 at 10:57 am #2584552

Hi Werner,

You can use this CSS for the hover effect:

.gb-grid-column.gb-query-loop-item.post > .gb-container:hover:before {
    transform: scale(1.1);
}

.gb-grid-column.gb-query-loop-item.post > .gb-container:before {
    transition: all 0.3s ease;
}

If you don't have GB pro license, it's basically impossible to have the background image link to the post, unfortunately.

This archived topic is closed to new replies.

Start building better websites today.