Quick view issue

Hi there, after updating to 7.1 the brand logo + variable elements are not centered, we remember that you gave us before a custom css to center those elements, we attached screenshots of the problems (the issue is visible on desktop + mobile) in the private area.
Also we are sending you here all the custom css that we put into Theme settings > Custom CSS > Global custom CSS :
body .popup-quick-view .entry-summary .product_meta{
display:none;
}

.product-quick-view .wd-scroll-content {
text-align: center
}

.website-wrapper .product-image-summary .wd-product-brands img {
max-width: 150px;
}

.popup-quick-view .product-quick-view .wd-product-brands img {
max-width: 100px;
}

@media (max-width: 768px){
.products .quick-shop-wrapper .swatch-on-single.swatch-with-bg {
width: 40px;
height: 40px;
}
}

body .labels-rectangular .onsale {
background-color:#1F1F21;
}
body .wd-hover-quick .wd-add-btn>a {
color: #FFF;
background-color: #1F1F21;
}

.wd-filter-list .count {
display: none !important;
}

.wd-hover-base .hover-content {
display: none;
}

Please tell us which one we need to replace/fix in order to solve this quick view problem.
Waiting for your response,
Best regards.

Hello,

Please remove the earlier provided CSS in this regard and try the following ones on your Site.

Firstly, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.popup-quick-view .entry-summary.text-left {
    --content-align: center !important;
}

Then please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.popup-quick-view .wd-social-icons {
    text-align: center !important;
}

.popup-quick-view .label.cell {
    text-align: center !important;
}

.popup-quick-view .wd-swatches-product {
    justify-content: center !important;
}

Hope this helps !

Best Regards

[Author]

Posts