Home › Forums › Basel support forum › Quick Shop – Insufficient height

Quick Shop – Insufficient height

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 16, 2016 at 5:38 pm #8024

    raul
    Participant

    Hello,

    We bought your theme yesterday and we are quite impressed! However, we do have a few things to polish…

    If a Woocommerce product has more than 2 variation attributes, the height of the product grid element is too short and is incapable of displaying all fields in the Quick Shop mode.

    I have already set the grid size to the lowest possible. The product grid elements did expand a bit, but still insufficient to accommodate all variations.

    Ideas? See attached screenshot.

    Thanks!

    Attachments:
    You must be logged in to view attached files.
    December 16, 2016 at 9:29 pm #8033

    Artem Temos
    Keymaster

    Hello,

    Thank you so much purchasing our theme and contacting our support center.

    Could you please provide us a link to your website so we could review this issue and try to prepare some CSS workaround for you.

    Kind Regards
    XTemos Studio

    December 17, 2016 at 8:47 am #8040

    raul
    Participant

    Sending the URL in private.

    December 17, 2016 at 10:29 am #8044

    Artem Temos
    Keymaster

    Hello,

    Try to add the following code snippet to the Custom CSS area in Theme Settings.

    .basel-hover-quick .variations tr {
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
    justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
}

.basel-hover-quick .variations label {
  margin-bottom:0;
} 

.basel-hover-quick .variations .value {
 min-width: 200px;
}

.basel-hover-quick .variations tr:last-child .label {
  margin-bottom:25px;
}

.basel-hover-quick .quick-shop-close {
  top: -5px;
}

.basel-hover-quick .reset_variations {
    left: auto;
    right: 0;
	transform: none;
    -webkit-transform: none;
}

    Kind Regards
    XTemos Studio

    December 17, 2016 at 4:32 pm #8047

    raul
    Participant

    Thanks, that worked!

    December 17, 2016 at 7:28 pm #8056

    Artem Temos
    Keymaster

    You are welcome.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)