Aspire Pro – Image Preview from Post Not Positioned Correctly

[bradm413]

I'm trying to adjust the positioning of the "img" element on the post excerpts show on this page, for example:

https://newmansmed.com/community/page/8/

I would like to position the images so that the top of the image is shown instead of the center of the image.

I have tried this in my Chrome Dev Tools, but it didn't seem to have any effect:

Original CSS:

img {
    height: auto;
    max-width: 100%;
}

Here's what I tried:

img {
    height: auto;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 0;
}

I've tried with and without each of those settings, and I've tried object-position: top but with no change.

Am I targeting the wrong element?

Any pointing in the right direction would be GREATLY appreciated 🙂

Brad

https://newmansmed.com/community/page/8/

[AnitaC]

Aspire Pro was created by Appfinite themes. Wes has a forum set up there - https://appfinite.com/forums/. You might want to see if a solution is there already.

---

Need help with customization or troubleshooting? Reach out to me.

[bradm413]

Thanks! I tried searching there first (and I didn't see a way to join their forums), but I didn't find anything. Maybe I just wasn't searching for the right things...?

Thanks

[Author]

Posts