On our home page I have an image of two people sitting on bench. I would like the image to go all the way left and all the way right. The image is already 100% but it doesn’t go wide enough. https://onesourcemarketing.us/. I’m using the image element.
Hey @rkassebaum,
It looks like you’re viewing your site from a 4K monitor. Generally, you will need to upload a much higher image resolution than your monitor’s resolution to avoid blurry display. That is the recommended way.
Since the your image’s resolution is close to the resolution of your monitor, maybe it’s fine to scale the image up to 100%. To do that, add this code in the Image’s Element CSS
$el img {
width:100%
}
The blurry or pixelated image in the screenshot is what will happen if you use a very small resolution image and you use that code I provided so please keep that in mind.
Hope that helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.