Cropped images and grey rectangle

  • Resolved marcanit

    (@marcanit)


    4 years, 5 months ago

    my featured image is cropped in the grid view (also when i use grid=”1″)
    and cropped in another format in the blog item view.

    In the custom css i use .grid-blog-thumb{height:220px; width:400px; } but no combination of height & width is displaying the whole image.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Thanks for reaching here.

    Please remove the previous CSS and adding new CSS.

    Please go to your Admin Panel->Appearance->Customize->Additional CSS.
    Please put this CSS in “Additional CSS” section.

    .grid-blog-thumb{background: #fff !important;}
.grid-blog-thumb img {object-fit: contain;object-position: center;}

    Please let me know if you have any query.

    Thanks,

    Thread Starter marcanit

    (@marcanit)

    The result is better but a part of my images (for example https://www.scholengemeenschap-beerse.be/wp-content/uploads/Banners/Algemeen-KS-Beslissingsboom-1024×358.jpg) is still missing.

    I think the width of the white part is also the lost part of the image ?!

    Mark

    Thread Starter marcanit

    (@marcanit)

    If possible, i want the images aligned left (equal of left text-margin) ??

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,
    Thanks for reaching here.

    Please add this CSS to your “additional CSS” section and check.
    .grid-blog-thumb image{margin:0 !important;}

    Please let me know if you have any query.

    Thanks,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Cropped images and grey rectangle’ is closed to new replies.