This re-sizing using control +, – issue happens no matter what size the image is.
I ended up fixing this myself in the CSS code. The problem is the there is a background image behind my image that I need to get rid of.
It looks like the post thumbnail class has a background:
.post-thumbnail {
background: #b2b2b2 url(“images/pattern-light.svg”) repeat fixed 0 0;
display: block;
position: relative;
width: 100%;
z-index: 0;
}
So, if I edit the style.css file, I can set the background to none:
.post-thumbnail {
background: none;
display: block;
position: relative;
width: 100%;
z-index: 0;
}
This removed the background image and fixed the problem.
Here for example so that the logo is at the very top with no white space on top of the page above the logo.
