Simple Images Resize in Wordpress

[fdls]

Yes, that's right. What you read is right. No need of installing any plugins and keep on searching google to do it.

There is a simple way to resize images in CSS. Yes CSS code can simply resize images in your blog. Well, I changed my theme and since then nCode Image Resizer stopped working. I was wondering why but couldn't check that thing much. But then I just now found a simple way, simplest ever way to resize images auto.

Remember nothing to install and no settings to be done.

Just go to Appearance -> Editor from your Admin panel.

Then the one first open is of course the style sheet so just look for the post bit of your blog i.e., the content location. You can use firebug to get this quickly and just add the following code to it.

.storycontent img {
max-width: 460px;
width: expression(this.width > 460 ? 460: true);
} 

First part is the story content class. Change it according for your blog.
img si for images posted inside the .storycontent posted story
460px: Change this accordingly (or lesser probably) to the width size of your story content box.
width: expression(this.width > 460 ? 460: true); max-width fix for IE. Change the 460 to the appropriate size.

To be precise there is img { already present so insert the remaining part into it. In my case I did it in the following way :



If you don't get it imma help yea but it is soo simple

fdls Reviewed by fdls on 26th May 2011. Simple Images Resize in Wordpress Yes, that's right. What you read is right. No need of installing any plugins and keep on searching google to do it. There is a simple way to resize images in CSS. Yes CSS code can simply resize images in your blog. Well, I changed my theme and since then nCode Image Resizer stopped working. I was wondering why but couldn't check that thing much. But then I just now found a simple way, simplest ever :facepalm: way to resize images auto. Remember nothing to install and no settings to be Rating: 5