Images no longer resizing

[Jenny]

So my GENESIS updated to 1.9.2 and all my resized images are no longer resized and I can't resize new ones... What's up with this and how do I fix it?

[Marcy]

Can you provide a link to your site, so we can look at it?
Thanks!

---

Marcy | Amethyst Website Design | Twitter

[Jenny]

Yerp~ Example post. These images were resized to 300x300px and were 2 by 2 (2 top 2 bottom)

http://so-very.me/archives/amanda-my-mori-girl-w-i-p

Now they're big again, the code still says they're resized but as you can see they aren't. It's being ignored by something...

[Marcy]

Hi, Jenny,

Yes, you're correct that something is overriding it.
In style.css on line 233 there is:
img {
width: auto;
height: auto;
}
and on line 1175:
embed, img, object, video {
max-width: 100%;
}
These are needed for your theme to be responsive, but they seem to be overriding this: width="300" height="300"; I'm not sure why.

If instead of using: width="300" height="300",
if for each image, you manually add: style="width:300px; height:300px;"
they seem to resize OK again.

But you probably just want to use the WordPress "medium" image instead; it's usually 300px size.

Here's how:

1. From your Dashboard, click on Settings > Media
2. There you should see Image Sizes. Look at the Medium size. Does it say "Max width 300 and Max height 300"?
   If so, that's the size you want to insert in your post.
3. When you click on the Media Upload button and get to the pop up screen to insert your image (either by clicking one in the Media Library or uploading), over on the right is the Attachment Details section.
4. Way down at the bottom of that sidebar section is Attachment Display Settings
5. At the very bottom is Size, and it's probably usually set to Full Size.
6. Click the dropdown arrow and choose Medium - 300x300.
7. You will probably also want to choose alignleft for the images, and also Link to Media File (if you like people to be able to click on your images to see them larger.)

If you look at the images with the Text tab, you will see that they have the
width="300" height="300", but they will also have "-300x300.jpg" at the end of the image name.

The images inserted this way will always stay at 300px.

---

Marcy | Amethyst Website Design | Twitter

[Jenny]

awesome thanks, i'll try this <3

[Author]

Posts