Hi!
After publishing a few posts, I’ve found some problems with the image sizes. First, when it comes to standalone images, I wan’t to display an image with the same width as the allotted width on the page. For Origami, that seems to be 903 pixels. When inserting the image, I select the large variant which is sized 904 pixels. That’s close enough (but why not 903 pixels?). But when I look at the selected image after publishing, another size has been selected:
<img class="alignnone size-large wp-image-42" src="http://bilder.poluha.se/wp-content/uploads/2015/12/malou-1024x683.jpg" alt="malou" width="904" height="603">
With galleries, I would like to be able to display the images exactly as uploaded. Now, another size is selected and for some reason all images displayed are quite soft and shows jpeg artifacts. Look at the gallery at the top. The uploaded images are much sharper.
Please advice!
Hi Ppoluha
Yeah, we definitely want the images to be as sharp as possible. We’re going to investigate what’s going on. I’ll let you know as soon as we’re able to figure it out.
Hi Ppoluha
Our tech team has figured this out. It appears there is a right margin being added, this is causing a little offset. We can remove it by adding the following to Appearance > Custom CSS:
/* Image Links */ a img.alignnone { margin: 5px 0 20px 0; }The Origami container has 4.45% of padding on either side. This is the reason your images aren’t able to be displayed any wider than 903px.
Hello and thanks for your reply!
I had two more problems in my post. The first was about why I got this image (malou-1024×683.jpg) when I selected the large variant which is supposed to be 904 pixels wide.
The other one was about soft images in the gallery. I would like to be able to display the uploaded images in the gallery, not the resized ones.
Hi Ppoluha
For the large image size, I think WordPress has a default large size of 1024 pixels. So what you’d need to do here is change that size to something like 903 so it works well with Origami.
https://bobwp.com/changing-the-default-media-sizes/
After changing this, you’d also need to regenerate your thumbnails. This plugin works well for that – https://wordpress.org/plugins/regenerate-thumbnails/
To display the full size images in the gallery, you’d just need to add a size attribute to the gallery and use the size ‘full’.
https://codex.wordpress.org/Gallery_Shortcode
You should also be able to set this in the visual editor though. Just make sure you select full :)
Hi!
Thanks for your answers. “Large” is now reduced to 904 pixels and the gallery looks much better.
But the image size still seems to be limited to 903 pixels. See attached screen shot!
Hi Ppoluha
The Origami container uses the following padding declaration:
This results in the content being constrained to 903px.
If you’d like to adjust the container padding you could insert the following at Appearance > Custom CSS:
#page-container { padding: 2.25% 4.5%;}And then edit as required.