Align featured image in post container

[macvink]

Hi there,

I’m trying to align my featured image within the container of the featured image on a blog post.

.attachment-entry-fullwidth.size-entry-fullwidth.wp-post-image {
width: 500px;
height: 300px;
object-fit: cover;
}

I think im doing something wrong but i wanna try to move the image within the container to move it to be better aligned position so the faces don’t get cropped out.

https://oosterleeschool.nl/pro/theme-options?url=https://oosterleeschool.nl/zomerschool-groot-succes

Regards,
Thomas

[tristup]

Hi Thomas,

Thanks for reaching out.
To position the image you need to add the object-position attribute with the specific values. You can try by adding the following code to your existing code.

object-position: 60% 10%;

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

I would also suggest you go through the following article to get more information on it.

object-position | CSS-Tricks

Hope it helps.
Thanks