Home>Support>Zoom hover – where to add the CSS?

Zoom hover – where to add the CSS?

By Erica Dyson, 8 years ago. Last reply by Erica Dyson, 8 years ago.

Hi.. I saw another post about this and you gave correct CSS but where do I add it? You can tell from my question that I’m not a CSS guru by any stretch of the imagination!

Thanks for your help. Erica

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 7 months ago Erica Dyson

    Hi – can you help me with this please!!

    I pasted this as you said in the css settings – I have an image in a visual editor widget, NOW what do I do? What do I put in the visual editor? Nothing seems to work and I have tried putting the class names without ; in the css class.. but NO SUCCESS!
    pic {
    height: 300px;
    width: 300px;
    overflow: hidden;
    }

    .grow img {
    height: 300px;
    width: 300px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    }
    .grow img:hover {
    width: 400px;
    height: 400px;

    }

  2. 8 years, 7 months ago Private Message - Erica Dyson

    This is a private message.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More