How do I make it so my cover images don’t crop

  • Resolved Erika

    (@erikabusse)


    4 years ago

    The cover image here is cropped. It’s size is 1200px x 760px. I would like for it to not crop the image, in the CSS i have “object-fit: contain” but that didn’t seem to work. Any other suggestions?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Prabhat

    (@prabhatrai)

    Hey @erikabusse,
    Add the below code in “style.min.css” file:

    .wp-block-cover{
   background-size: 100% 100%;
   background-repeat: no-repeat; 
 }

    This should solve the issue.

    Thread Starter Erika

    (@erikabusse)

    That did! It did stretch out a few of my other cover photos, any suggestions as to why?

    catacaustic

    (@catacaustic)

    Because the other images are most likely different dimensions.

    There’s no way to have two images with different dimensions (1200 x 760 and 1000 x 760 for example) fit exactly into the same sized space without one of them being cropped or stretched. You have to choose between the size being differnt for each image, or having some images cropped.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I make it so my cover images don’t crop’ is closed to new replies.