How cn I fix Pixelated images in Vibe Carousel?

[kenetork]

Hi, I need to showcase my courses in the front page using the Vibe carousel, but the image look pixelated, I can't control the image size being shown, I am showing the video cover for my vimeo promo videos for each course and this is always pixelated, any worjk around please? Please see this: https://prnt.sc/z2lv29 Please help!

[Ada]

Hi, I checked your site. I couldn't find image pixelated. but Add this css code in appearance>> customize>> custom css

.home-page .block.course_featured_block.postblock .block_media img { 
  image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

If you want fix width and height then use this css adjust screen width and img width @media(min-width:800px){ .home-page .block.course_featured_block.postblock .block_media img { width:450px; height:280px; }}

[kenetork]

thanks, you can close this topic.

[Ada]

Thank you for confirming. Closing this ticket.

[Author]

Posts