How to: Enlarges module and add a box shadow on hover

by | Tips & Tricks

Below is an extract from our ‘Tips & Tricks‘ page.

This hover effect will enlarge a module and give it a box shadow when you mouse over it. See an example on the home page, Testimonials

  1. Apply a CSS Class to the module (advanced tab) e.g. nm-module-hover
  2. Copy the code below to the child-theme style.css
  3. Change the enlargement (transform:) and box-shadow effects as required

Signup for the iConnik quarterly newsletter

Thanks. You have successfully signed up

Share This