Now I see what you mean. At least I think so:
The image in your blog post is smaller than the “container” for images in the blog roll so it blows your images up to fit that container. Which leads to the images not appearing the way you want since it takes a portion of it and it’s also too big.
The image you upload is 225 px wide and 300 px high and that is what is shown in you blog post. For the blog roll it makes another version of the file that is 400 px wide and 300 px high.
1. So one way of getting control of what the photo will look like is to change the file size before uploading to (at least) 400 px wide.
It would still be as big but you would be in charge of what the image will look like.
2. If you want to change the container itself in the blog roll so the images don’t turn out so big at all you would need to make changes in the CSS. Are you familiar with CSS?
element {
display: inline;
}
.featured-image img {
width: 100%;
height: auto;
}
When I change the above to this, the image presents itself smaller and is centered.
element {
display: block;
}
.featured-image img {
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
}
/Cecilia
