I have just uploaded an image to the media folder, and its width is 1000px, and I set it to be added to the media folder as 1000px wide.
Then i went to a page, clicked the 'Add Media’button, chose that image and when it appears on the page it comes through smaller, to be exact 700px; although even the width setting in the image is set to 1000px.
When you upload an image to the WordPress media library it usually is saved in 3 different sizes - full size, medium size and thumbnail. So when you want to add an image to a page you need to make sure you have chosen the correct settings from the right hand side of the screen. These include alignment, size, link, etc.
Did you actually choose ‘add media’ on your post edit screen, then select the image from the media library? That should take you to where you can choose which version of the image you want.
So ye I went to the page clicked Add Media selected the image and made sure I choose the large size and the code that appears on the page reflects my correct choice
I dont know this is strangte. I just copied the code below from debugger that relates to the image, as wondered someone might see something there. The bit at the bottom is related to the size of the image on the page being 760px
Yes, the “fit=1100.400” is the likely culprit.
I think you’ll need to find a way to give the area it’s being fit into more room if you want the image to display larger.
And there was me thinking wordpress was much easier, ye just click add media and choose an image. Only been trying to work this out for nearly 10 hours!
Thanks for looking Mittineague, what is that then, and how I wonder can get around that.
Seems really silly to not allow an image to be the size it should be.
I’m not very familiar with bootstrap, it feels like more of a “make content fit the design” approach than a “design for the content” approach that I prefer.
Anyway, AFAIK the container has a “col-12” and the descendants down to the image look to all have max-width 100% so it seems that the image should be taking up close to ful width if not its full size.
Can you get the <div>s out of the <ul>s ? I have a strong feeling that’s involved.
Its a stupid way around it, but what I might have to do is take the header pic away from inside the page itself, and instead hard code the images into the template, so that it shows this image if this page is this sort of thing.
Thinking about it now, its really stupid, as the client isnt going to know what to do, but cant see a way around it thats better short term.