Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 16, 2018 at 9:42 am #1010326
    loulivia

    Hi !
    I have book covers that don’t have the same ratio but i need them to display with all the same height in the product slider, so the width will be resized. (no cropped or distorded).
    Can you help, please?
    Thanks

    September 16, 2018 at 11:13 am #1010352
    Victoria

    Hey loulivia,

    Well, then the width will be smaller, the resizing here happens according to the width of the images, not the height. The easiest way to go here is to prepare the images of the same size.

    Best regards,
    Victoria1

    September 16, 2018 at 11:37 am #1010361
    loulivia

    Thank you for your quick answer, Victoria !
    I don’t mind the width to be smaller, that’s in fact the only solution! How can i achieve that, please?
    I can’t prepare images of same size because the books don’t have the same dimensions / ratio and i don’t want to crop or distort the covers….

    Thank you for your help!

    September 16, 2018 at 12:15 pm #1010376
    Victoria

    Hi loulivia,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (min-width: 990px) {
  #top .thumbnail_container img {
      width: auto;
      height: 165px;
      margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 989px){
  #top .thumbnail_container img {
      width: auto;
      height: 117px;
      margin: 0 auto;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 16, 2018 at 12:20 pm #1010378
    loulivia

    It works!
    Thank you so much, Victoria!
    Great support and really fast!

    September 16, 2018 at 3:23 pm #1010420
    Rikard

    Hi,

    Great, I’m glad Victoria could help you out :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 16, 2018 at 3:38 pm #1010433
    loulivia

    That’s OK for me, you can close the topic.
    Thanks again, you guys rock !

    Olivia

    September 16, 2018 at 5:20 pm #1010460
    Nikko

    Hi Olivia,

    Glad to hear that.
    Please feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Force same height on product slider’ is closed to new replies.