Resized my pictures, but the change isn't appearing

  • Hello-

    I have some link images in the sidebar of my site that I decided were too large, and I wanted to resize them. I went into my image library and scaled them from approx 175px down to 125px, then saved. However, the change isn’t showing up (the buttons were created through the text widget instead of the image widget because I wanted to add some transparency/rollover code to them. What am I missing? Should I be manually resizes the images with html? Should I delete the old images and just upload new ones?I rechecked the library and it’s showing me the changes, so I’m not sure what the problem is.

    https://www.megandowntherabbithole.com

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • If you just downsized the original image and did not change the image size in the source code they will stay the same.

    Thread Starter megandowntherabbithole

    (@megandowntherabbithole)

    so where do I change the source code? In the text widget?

    If that is where the image is. If in a post you would edit post. Where ever you inserted the image, the size should be there in the src= statement.

    Or, just dump the old code and re-add the images to the post after you make the changes. The code will be replaced with your new changes and render accordingly. Not sure how you added the images to the sidebar, I assume they are links to posts.

    This is faster. Install this plugin.
    AJAX Thumbnail Rebuild

    After you have the sizes the way you want in the Media settings, run it and it will resize any current images to the new sizes you set.

    Thread Starter megandowntherabbithole

    (@megandowntherabbithole)

    Ok, I got it to work. I didn’t realize that when you resize the image from inside your image library, it creates a second file with a different name. My html was still linking to the old file. That’s solved, but the images aren’t centering. Here’s my code:

    <a href="https://www.megandowntherabbithole.com/contact" target="_blank">
<img src="https://www.megandowntherabbithole.com/wp-content/uploads/2011/09/contact-nav-buttons1-e1317249070617.png" align="center"
class="change_opacity">
</a>

    Any suggestions? Thanks all!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Resized my pictures, but the change isn't appearing’ is closed to new replies.