• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 27.03.20, 12:46
  • Opened by: Thomas Bessat
  • Closed by: Fred
  • Closed on: 02.05.20, 12:07
  • Reason: Closed
  • Comment: Glad to help!

Ticket #17139 - Item Lookbook resizing

Hello !

On some products, I have some products that are not visible. If you look at the screenshot, you can see that the price is hidden, and some texts also.

I tried adding some padding to but it seems it doesn’t work (I can not succeed saving the modifications : I tried in custom CSS, modifying the theme, clearing cache…)

Do you have a CSS code or something else to fix this?

Another tickets mentioned the same problem and you were able to fix it by CSS but the code is not shown, so I can copy it to my website.

Thank you !

Attachments:

Capture d’écran 2020-03-27 a... (230.7 KiB)

Comments

Fred 27 Mar 2020, 19:11

Hi, Thomas Bessat.
Try following CSS:

@media (min-width:767px) {
  .pk-alt-view .lookbook-item {
    margin-bottom: 380px;
    display:flex;
  }
}
Thomas Bessat 31 Mar 2020, 17:23

Hi Fred,

I tried the code but nothing happens. The margin in CSS don’t want to be saved, every time it reset to the initial value.
But the following code, with padding instead margin is working for now.

@media (min-width:767px) {

.pk-alt-view .lookbook-item {
  padding-bottom: 100px;
}

}

Thank you for your help :)

Fred 01 Apr 2020, 10:50

great, you are welcome