Zoom hover – where to add the CSS?
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.
Need fast email support? Get SiteOrigin Premium
Replies
2Hi – 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;
}
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.