Centering Featured Images in Custom Theme

What do you mean by “centered” on that page I am seeing three images in a row and that row appears to be “centered” on the page.

Thanks for the quick reply.

When viewing the full-size images in the web inspector, several of them are not centered. A few examples are: Seton Elevator Lobbies, Curb Donor Wall, Daughters of Charity Farewell, and One Healing Community Retreat.

It appears that they are aligned to the left, but I cannot find anything in the code to support this. The things that I’ve tried to change based on previous replies have not worked.

Does this help? Hopefully you can see the full-size image so you can see what I’m referring to.

you can try this little bit of css as a quick fix:

img.attachment-portfolio-image.wp-post-image {
    top: -7%;
    left: -8%;
}

I added that to the stylesheet, but it did not work. Was that the correct place to add it?

It should be fine anywhere as long as it is not within a media query. I looked at the site and didn’t see it anywhere. Did you add it to style.css?

My apologies; I have added it again to style.css. Trying to do a few different things at once and was trying to avoid them interacting with one another.

Im still not seeing it. Can you edit the css you have there? In style.css on line 2157 you can change this:

.block-post .portfolio-item img {
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    position: absolute;
}

to this:

.block-post .portfolio-item img {
    width: 100%;
    max-width: none !important;
    position: absolute;
}

that will make it the exact size of the image. so you see the whole thing.