Need help? Check out our Support site, then


WordPress.com Forums » Support

Resizing photo fails to change size

  1. leisureguy
    Member

    I just resized the photo in this (old) post:

    http://leisureguy.wordpress.com/2007/03/23/on-the-shoulders-of-giants/

    I have moved to a new theme The Journalist v. 1.9, and it accepts larger photos, so I will from time to time change the photo size on the HTML page. Usually that changes the size of the photo, but in one previous instance I hit a bug and the photo did not change size. The photo in the post at the link is also displaying smaller than its specified size (width now 680, but width still displays as 470).

    The blog I need help with is leisureguy.wordpress.com.

  2. justpi
    Member

    What exactly did you try to do? There's no 680 in the code. On the contrary, the URL of the image is this:
    http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg?w=470
    You need to remove the part I've marked in bold, or change it to the desired width.

  3. leisureguy
    Member

    Here is what I see when I look at the HTML of the code at the link:

    Isaac Newton, in a letter to <span class="extiw">Robert Hooke</span> (15 February 1676): "If I have seen further it is by standing on the shoulders of Giants."

    The Elder Grandson:

    <img class="alignnone size-full wp-image-3891" title="Grandson and Einstein" src="http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg" alt="" width="680" height="509" />

  4. leisureguy
    Member

    Just to be clear: even though I see the above, the photo is not displayed with a width of 680, but a width of 470. In other words, I've changed the line already. That doesn't seem to work.

  5. timethief
    Member

    I can change the width and height attributes on images in my personal blog wearing the Fresh & Clean theme but when I do they don't "take". This is annoying!

  6. justpi
    Member

    If the HTML editor shows what you're saying you're seeing, then normally the image should be dispalyed at 680. But strangely the sourcecode of your post is not like that; the sourcecode is this:

    <p>Isaac Newton, in a letter to <span class="extiw">Robert Hooke</span> (15 February 1676): “If I have seen further it is by standing on the shoulders of Giants.”</p>
<p>The Elder Grandson:</p>
<p><a href="http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg"><img class="alignnone size-full wp-image-3891" title="Grandson and Einstein" src="http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg?w=470" alt=""   /></a></p>

    I cannot tell how on earth this can be happening, but anyway for a more foolproof way of changing the size you can delete this:
    width="680" height="509"

    and change this:
    <img class="ETC ETC

    to this:
    <img style="width:680px;" class="ETC ETC

  7. leisureguy
    Member

    Well, there's no reason for me to misrepresent what I'm seeing in the WordPress post when I look at with the HTML editor. Think about it for a minute: why would I lie about what I see, when I'm requesting help?

    Second, I used copy-and-paste to make sure I took the post EXACTLY as it's represented in WordPress. I'm a little surprised that you cannot see the code, but let me copy and paste that post once more. This is EXACTLY what the post contains, thanks to copy-and-paste:

    Isaac Newton, in a letter to <span class="extiw">Robert Hooke</span> (15 February 1676): "If I have seen further it is by standing on the shoulders of Giants."

    The Elder Grandson:

    <a href="http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg"><img class="alignnone size-full wp-image-3891" title="Grandson and Einstein" src="http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg" alt="" width="680" height="509" /></a>

    I included backtick characters (aka accent grave) qround the display HTML.

    I will try making the changes you suggest, but I fear I omitted the question I want answered:

    Why is WordPress not displaying the photo according the HTML?

  8. leisureguy
    Member

    Okay, I've fixed it: I deleted the old image, clicked the "add image" and went to the gallery to reinsert the same image, denoting correct size. This generated the following HTML (again: using copy and paste):

    <img class="alignnone size-large wp-image-3891" title="Grandson and Einstein" src="http://leisureguy.files.wordpress.com/2007/03/grandson-and-einstein.jpg?w=680" alt="" width="680" height="510" />

    That worked. Note what seems to be the key difference: the "bad" HTML had "size-full" and the "good" HTML has "size-large". That apparently is required in addition to the pixel size.

  9. justpi
    Member

    Sorry if I gave the wrong impression: I didn't mean to say (or imply) you were lying, I said that normally the HTML you pasted should produce the intended result but strangely the actual sourcecode of your post was different.

    And no, large vs full isn't a key difference (except if WP have really messed things up). Full size means the widest the theme can accommodate, large size means whatever is set as the default for that option in Settings > Media; both assuming the original is wider - otherwise full size means real size and large isn't available. Most likely there was a bug with this image and it went away by deleting and re-inserting.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags