You’d be welcome to tinker with the CSS. Just be sure to make the align-wide wider, too. And, you might want to specify a larger number on the min-width just to be safe.
@media only screen and (min-width: 652px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 750px);
--responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 890px);
}
}
Thank you! This works perfectly.
Is there a way to display the featured images for each post on https://two-together.com/blog/ as full-width?
Yes you can do it with this bit of CSS code:
.post-thumbnail-inner .wide-max-width, .alignwide {
max-width: 100%;
}
This will make the images as wide as possible (approx 1500px) and that is pretty much as large as I’d recommend. Any wider and you would need to scale up the images, which will result in pixellation/blurring.
If you are on a screen (or browser window) the images will be full width like you see here: https://d.pr/i/HXGSj3
If someone is viewing your site on a large laptop (over 15″) or a large desktop monitor will see the white borders appear on the left and right of the image. Hope this helps!
