Unopened pic size

Could I get it so the second theme card’s image only shows about half the size that it is, before it is opened? So it is only maybe 300px taller than the ones with no pictures?

1 Like

Hi there, @Rev_Devan :waving_hand:

You’d like to change the height of this card only, am I right?

Yes because how I am using it keeps it at somewhat of a list look but with the cards and they are quite a bit bigger. If the small ones can stay small and the big cards simply be a bit smaller.

1 Like

Just to confirm, you’d like to slightly reduce the height of all bigger cards (not only Ratings posted) on mobile, correct?

1 Like

yes, just a bit shorter

1 Like

Thanks! This CSS code will do the trick:

@media (max-width: 480px) {
  [class*='MediaContainer__Container']:has(img) {
    padding-top: 210px !important;
  }
}

Give it a try and let me know how it worked :wink:

1 Like

darn it was good then I opened the blog post and all media is stretched tall. Including the author image.


1 Like

Sorry for this oversight!

Please try to use this code instead and let me know how it worked:

@media (max-width: 480px) {
  [class*="layout__Grid-sc"] [class*='MediaContainer__Container']:has(img) {
    padding-top: 210px !important;
  }
}
2 Likes