Large images in posts are not 100% width

Hi Jack. Have you tried this?

img.aligncenter {
  width: 100%
}

Yes, that’s the code I’ve tried but it backfired with some smaller images being resized to 100% width of the page.

Is there a way to fix this? I can’t seem to find anything in CSS that sets smaller width for images or some margin/padding.

Jack – Are you talking about the large images on your post that appear to be narrower than the text area? You mentioned setting images to 100% width backfired. Maybe there’s a way to identify those images and reset them to a smaller size?

I have no idea what causes this. I’ve tried to find something via Chrome Developer Tools and it seems that the width is always set to 720 px. I don’t know why.

The larger images are using “thumb-large” which is a theme-generated thumbnail 720×340. Since the margins are set to “0 auto” it must just fill out the margins to the width of the container which, in this case, appears to be around 780px. What if we target them with something like this:

.single-post article img.aligncenter {
  width: 100%
}

Does that still affect the other smaller images?

I am having a similar issue with some of my images, too.
I am trying to code in an image to display 100% width and a certain height, both of which are ignored when I try it in the css and plain html code.
This what I initially wrote, but is not working:
(in the html file)
<div id=”pagetwowood” >
<img src=”https://eurobakery.helixhouse.co/wp-content/uploads/sites/34/2013/04/woodGrain.png&#8221; alt=”wood” border=”0″ />
</div>
(in the CSS file)
#pagetwowood {
width: 100%;
}
and I also tried it as a class, too.

I’ve made it work.

Go to functions.php and find “add_image_size”.

All you have to do is to change dimensions in these lines of the code:

// Thumbnail sizes
add_image_size( 'thumb-small', 160, 160, true );
add_image_size( 'thumb-medium', 520, 245, true );
add_image_size( 'thumb-large', 720, 340, true );

I changed it to:

// Thumbnail sizes
add_image_size( 'thumb-small', 160, 160, true );
add_image_size( 'thumb-medium', 520, 245, true );
add_image_size( 'thumb-large', 780, 368, true );