Stop postgrid image zoom animation

  • Resolved peterprotech

    (@peterprotech)


    4 years, 10 months ago

    Is there a way to stop the postgrid image zoom when hovering over the image? I would like to use the full image with the postgrid. Some of my featured images contain text and it’s cut off unless the user hovers.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @peterprotech,

    Thanks a lot for using Qubely and contacting us. Please apply the following CSS on Appearance > Customize > Additional CSS to disable the post grid zoom out animation:

    .qubely-postgrid:not(.qubely-postgrid-style-4) .qubely-post-img.qubely-post-img-zoom-in .qubely-post-image,
.qubely-postgrid:not(.qubely-postgrid-style-4) .qubely-post-img.qubely-post-img-zoom-out .qubely-post-image {
-webkit-transform: scale(1);
transform: scale(1);
}

    Hopefully, it’ll work for you. Let me know the result.

    Regards,
    Mehedi

    Dave Reed

    (@homestudiotoday)

    This worked! Please note that it has to go in the “Block Raw CSS” section, and doesn’t work in the “Additional CSS class(es)” section. Thanks!

    Are there any plans to add this as a checkbox option in a future version? That would make this far easier, and is clearly something more than one person wants. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Stop postgrid image zoom animation’ is closed to new replies.