Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

How to Add Hover Zoom Effect to Info Boxes Made with Kadence Blocks Pro?

Back to: Kadence Blocks4 Replies

Home / Forums / Kadence Blocks / How to Add Hover Zoom Effect to Info Boxes Made with Kadence Blocks Pro?

This topic is: Resolved
[Resolved]
Posted in: Kadence Blocks

Tagged: ,

danielmartinhq
August 3, 2025 at 9:58 am

Hi,
I’ve designed some info boxes using Kadence Blocks Pro, and now I need to make a small design change. I want the boxes to zoom slightly on hover to create a subtle interactive effect.

Here’s an example of how they currently look:
(Just scroll to the info boxes section.)

Is there a built-in way to do this in Kadence Blocks, or would I need to use custom CSS? If CSS is required, could someone please guide me on how to apply it properly to Kadence info boxes?

Thanks in advance!

  • The forum ‘Kadence Blocks’ is closed to new topics and replies.