Portfolio images clipped

[jpenland]

I have a portfolio of images that are being clipped :
https://southwhidbeycommunitycenter.org/portfolio-item-category/reader-board/

and I’m having trouble with the CSS to either shrink the image. The following works, but kills any spacing among the images.
.entry-cover {
width:110%;
height:auto;
}

When I add…
.x-iso-container{
margin:2rem !important;
}
… I see changes on the back end that are not reflected on the front.

Can you please help?

Thanks.

[tristup]

Hi @jpenland,

Thanks for reaching out.
I have checked the page URL but am not sure what exactly means by image being clipped. The custom CSS code worked as it supposes to, I added this code using the browser debugger tool and found that is working too.

Thanks

[jpenland]

I’m sorry that I wasn’t clear. The right and left sides of the image are all cut off. See the arrows on the attached. HOWEVER, your answer gave me the push I needed to learn more about the browser debugger tool and I found (for anyone who might need this) that this CSS change worked. So, thank-you!
.entry-cover {
background-size: contain;
background-color:white;
}

[marc_a]

Hi @jpenland,

We’re glad that you’re able to figure it out! if you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.