Monday, January 24, 2011

Simple touch to enlarge image

Uchhh .. the image is very small and hard to see? By adding a few line in the HTML it will solve your problem. Follow below you'll able to enlarge image in your post and this effect will seen when hovering the mouse pointer on the image area.
On the Design Tab of the "page element" go to edit HTML and try find below code;

]]></b:skin>

If having problem to find it, use CTRL+F or F3 and paste.
It will find for you.

Paste below before the code ]]></b:skin>  and SAVE


.post a:hover img {
width:400px; height:200px; float:middle;
}

As an example;

.post a:hover img {
width:400px; height:200px; float:middle;
}]]></b:skin>



Advice to upload your template before made any change as a backup.
The zooming size can be adjust by changing the width and height or even to floating location left, right or middle on the code above.
Wow !! the enlarge image code is very fantastic.

Good luck..

No comments:

Related Posts Plugin for WordPress, Blogger...