WordPress.org

1. megandowntherabbithole
   Member
   Posted 8 months ago #

   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.
   http://www.megandowntherabbithole.com">
   http://www.megandowntherabbithole.com

   Thanks!

2. kmessinger
   Member
   Posted 8 months ago #

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

3. megandowntherabbithole
   Member
   Posted 8 months ago #

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

4. kmessinger
   Member
   Posted 8 months ago #

   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.

5. deepbevel
   Member
   Posted 8 months ago #

   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.

6. FittingSites
   Member
   Posted 8 months ago #

   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.

7. megandowntherabbithole
   Member
   Posted 8 months ago #

   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="http://www.megandowntherabbithole.com/contact" target="_blank">
   <img src="http://www.megandowntherabbithole.com/wp-content/uploads/2011/09/contact-nav-buttons1-e1317249070617.png" align="center"
   class="change_opacity">
   </a>

   Any suggestions? Thanks all!

Reply

You must log in to post.