Hi, how can I force images on my site, using the free Origami theme, not to resize? When I add them to a post I choose ‘same size’ for display but they resize if the browser window is resized. This mashes them a little, they go soft/blurred, which is not good for showing the quality of my work.
Can you force images not to resize in Origami theme?
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Or is that a WP thing rather than an Origami thing? Hmmm.
Hi Colin
If you’re referring to the way images get down sized as the viewport gets smaller then this is something Origami is doing. You can try inserting the following into a Custom CSS module like the one included with WordPress Jetpack:
Thanks for that. I’ll try to suss what a custom CSS module is and give it a go.
But I’ve just realised that it only happens in… you guessed it, MSIE! I’ve clicked image resizing off and it makes no difference.
If you are using Jetpack: https://wordpress.org/plugins/jetpack/ then there is a module built into Jetpack, just activate it. If not, you can try a standalone Custom CSS plugin: http://wordpress.org/plugins/simple-custom-css/
Andrew, I added the CSS you suggested using Simple Custom CS, which works as intended but the images are still displayed larger than they are in pixels in IE, despite me choosing ‘full size’ or ‘custom size’, resulting in the loss of quality mentioned above. They do display pixel for pixel in browsers other than IE 11 though. But the people who are, hopefully, going to look at them are more than likely using IE.
OK, got it. IE was set on Zoom 125%. I’m an idiot! But thanks so much for your suggestions that will solve other issues.
Thanks for the feedback, glad to hear you managed to resolve the issue. You can go-ahead and remove the Custom CSS I sent. I totally forgot to start with browser zoom in the troubleshooting list, glad you found it! All the best.