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

[Djlatino]

Pretty sure you can insert this in custom.css

[ShareShiz]

nice. ive always been looking for plugins to do this.

[CyberAff]

fuc*ing awesome mate you did it its really worked thanks alot

+1

[fdls]

nice. ive always been looking for plugins to do this.

Well just don't copy paste the code I put here. It .storycontent should match with the post content property in CSS of your blog

fuc*ing awesome mate you did it its really worked thanks alot

+1

No Problem

[ShareShiz]

ahh i knew i had to change something but never used CA's theme, was helping him and i guess i got it wrong

[samipk]

will try this tommorow and then confirm if it works or not

[fdls]

will try this tommorow and then confirm if it works or not

Sure buddy and fyi i put this on my blog and CA's blog as well

[starme]

will this work on an external image? i mean the image is uploaded outside the server..

[Solutho]

It will work on any img tag inside the element that has storycontent as its class