RSS Image Alignment

Hello Elfsight Community,

Is there a way to align the featured image that gets grabbed differently in the RSS feed. Currently I think it’s aligning it center/center, but it should be top. In group photos heads get cut off, and was trying to get it to anchor to the top and couldn’t figure it out. Example below.

image align

2 Likes

Hi @Matthew7 :wave:

Could you please send me a direct link to the webpage where the widget is installed?

We’ll be happy to check things for you :slightly_smiling_face:

1 Like

You can see it here www.maine.gov/xyz

One other question - is it possible to make every card a specific height? so they are all in alignment?

1 Like

Unfortunately, this webpage doesn’t have the widget. The requested page can’t be found:

Could you please double-check it?

1 Like

sorry | Department of Education

2 Likes

Thank you!

I’ve forwarded your request to our devs. Please do not worry, we’ll keep you updated here :slightly_smiling_face:

1 Like

Alright, I actually found a way to increase the overall size of that featured image anyways, so I think that will meet my needs !

2 Likes

Hey @max

After some more playing around, I have things almost the way I need them.

The one issue is that I need object-fit here to be contain vs. cover – I tried

.global-styles, img {
object-fit: contain;
}

And I thought it worked in preview, but isn’t functioning right - I think it’s being overwritten by object-fit:cover . Is there a way to get this to work?

2 Likes

I got you!

We’ll discuss it with our devs and get back to you a bit later.

1 Like

Hi @Matthew7,

This code should do the trick:

.global-styles, [class*="MediaImage__Container"] img {
  object-fit: contain !important;
}
2 Likes

Perfect @masha - that worked great! Thank you!

3 Likes