ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• March 24, 2016 at 11:42 am #257598
  Katja

  Member

  Post count: 53

  Hi!
  We asked you before how to set products and image banner elements to equal height and you gave us this css which works fine:

  .equal-height .spb_image img
  {
  min-height: 500px;
  object-fit: cover;
  }

  Problem is when I checked the site on Firefox, it doesn’t look the same. Images don’t fill the whole space. Can you fix the problem?

  Attachments:

  You must be logged in to view attached files.
  March 24, 2016 at 12:35 pm #257628
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes, it should be min-height, I’ve checked your css and you’re using max-height

  – Kyle

  March 24, 2016 at 12:43 pm #257641
  Katja

  Member

  Post count: 53

  Hi!
  Thanks for quick response!
  I changed it to min-height, but then the images grow super large. The row height should be 450px and images aligned correctly.

  Attachments:

  You must be logged in to view attached files.
  March 24, 2016 at 12:51 pm #257645
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try just height, no min or max

  – Kyle

  March 24, 2016 at 1:27 pm #257655
  Katja

  Member

  Post count: 53

  I tried, but image don’t fill the whole space in width. Any other suggestions?
  Thanks!

  Attachments:

  You must be logged in to view attached files.
  March 24, 2016 at 1:32 pm #257658
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  This should work:

  .equal-height .sf-image-banner img {
    height: 450px;
    object-fit: cover;
    width: 100%;
  }

  – Kyle

  March 24, 2016 at 2:37 pm #257698
  Katja

  Member

  Post count: 53

  Thanks! This works nicely!

  March 24, 2016 at 2:44 pm #257701
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great! No problem

• Back to forum

  Posted in: Atelier