Reply 302552 to: Product quick view CSS on Product page & Plugin WooCommerce Dynamic Pricing

Avatar: Olga Barlow
Olga Barlow
Support staff
September 17, 2021 at 11:48

Hello,

Thank you for using our theme!
Use the below code to change QV colors on the single product

.quick-view-popup *, .single-product .quick-view-popup .product_meta span a, .single-product .quick-view-popup .product_meta span span, .et-quick-view-wrapper .quick-view-excerpts .excerpt-title {
    color: #fff;
}
.quick-view-popup .quantity > span i {
    color: #868686;
}

To change the buy now color for the QV popup:

.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button {
    border: 2px solid #fff !important;
}
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button:focus, 
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button:hover,
.quick-view-popup .et-single-buy-now.single_add_to_cart_button.button:hover:focus{
    background: #2a3952 !important;
    border-color: #2a3952 !important;
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.