How to add a "zoom effect when hover on image" into a new or existing template

asked Jan 14, 2017 in Wordpress Themes by dropusaline (200 points)
The template "Web Cannons" has a zoom effect when a user hovers their mouse over an image; the effect is that the image zooms in.

Does anyone know how to implement this effect into a new or existing template?

2 Answers

answered Jan 17, 2017 by dropusaline (200 points)
I have found a way to implement the 'zoom' function into other templates by going into the CSS option in a template that already has it enabled and copying that.  Then in a new template, it's a matter of finding the corresponding images which are located in the 'preview' html files' source code.  Once you find the right images and the Page.html name your ready to add it to the CSS in the new template.  This is a clunky way of getting this feature to work but there just doesn't seem to be any other way that I'm aware.

Incidentally, after some research I've noticed that this is an extension of the Media Query function which was incorporated into CSS from CSS2.  I did learn CSS but Media Queries weren't around back then.  I'm also thinking that this function is not a standard feature of Templatetoaster.  I do like this program because it saves a lot of time creating themed templates which is why I am a subscribed user and are using the Professional Edition.  Perhaps it could be addressed in a later version?
answered Jul 7, 2017 by (140 points)

Check this one....CSS Zooning


Anyone interested in localization of TemplateToaster v7 in exchange of a Pro License Contact Us