[Theme: Twenty Twelve] Image not showing at correct size

  • cweese

    (@cweese)


    9 years, 11 months ago

    Ok I have decoded several persnickity CSS bugs tonight and my brain is tired. Hoping to get some help from the wisdom of the forum on this last bug.

    There is an image on this page:

    http://ikonarabians.com/saud-ibn-zaghloul/

    About half-way down, captioned “Zee and friends.” When I first added the image to the page, it showed correctly at full size (260px x 159 px). However, after I swapped the image from a left-align to a right-align, it started appearing at its current, smaller size.

    Here is the code as it appears in WP:

    [caption id="attachment_162" align="alignright" width="260"]<a href="http://ikonarabians.com/wp-content/uploads/2014/05/shapeimage_21.jpg"><img class="wp-image-162 size-full" src="http://ikonarabians.com/wp-content/uploads/2014/05/shapeimage_21.jpg" alt="Zee and friends" width="260" height="159" /></a> Zee and friends[/caption]

    You can also look at the image link directly and see that it is indeed 260px wide.

    The div around the image is correctly sized at 260px wide….. but the picture is not. When this ‘bug’ first showed up, the back-end of WP was showing the image at the small size within a 260px wide div, but now my back-end shows the image at its correct size, yet the front end does not.

    Not sure if I changed some CSS that affected it, or if my browser is caching a smaller image for some reason? I have caching turned off of course, and cleared the cache as well, but have found that doesn’t fix image caching problems for me 100% of the time (I use Safari & Firefox, both are showing the smaller image right now).

    I also tried deleting the image and re-inserting it.

    Does anyone have any idea why this might be happening? Could it be a bug?

    I am using a child theme. Any help much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter cweese

    (@cweese)

    9 years, 11 months ago

    OK, when I look at the code with Firebug, it looks like the image is being resized by WP for some reason??

    <div id="attachment_162" class="wp-caption alignright" style="width: 270px">
<a href="http://i2.wp.com/ikonarabians.com/wp-content/uploads/2014/05/shapeimage_21.jpg">
<img class="wp-image-162 size-full" width="173" height="106" alt="Zee and friends" src="http://i2.wp.com/ikonarabians.com/wp-content/uploads/2014/05/shapeimage_21.jpg?resize=260%2C159">
</a>
<p class="wp-caption-text">Zee and friends</p>
</div>
    Thread Starter cweese

    (@cweese)

    9 years, 11 months ago

    Added a new photo on a different page – same problem. The problem appears to be that when a caption is added to an image, WP displays the image at thumbnail size (even though it shows as the correct size when editing the page).

    Anyone else have this problem?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: Twenty Twelve] Image not showing at correct size’ is closed to new replies.