Home › Forums › WoodMart support forum › Quick view issue

Quick view issue

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 13, 2023 at 10:12 pm #442671

    henalon123
    Participant

    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.

    February 14, 2023 at 11:38 am #442822

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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
Viewing 2 posts - 1 through 2 (of 2 total)