CSS Selectors
.wc-quick-view-modal
- The quick view modal window (i.e. the lightbox)
.wc-quick-view-product
- The wrapper <div> around the product within the quick view modal
.wc-quick-view-product-gallery
- The product gallery (if shown) in the quick view.
.wc-quick-view-product-summary
- The product details and description in the quick view. This is a wrapper around the title, short description, add to cart form, etc.
.wc-quick-view-modal .wc-quick-view-notice
- The 'Add to cart' message shown (usually in green) when a product is added to the cart from the quick view.
.wc-quick-view-modal .wc-quick-view-success
- The 'Add to cart' quick view message when successful (default: green)
.wc-quick-view-modal .wc-quick-view-notice.wc-quick-view-error
- The 'Add to cart' quick view message when an error occurs (default: red)
For example, to change the background color and text for the 'Add to cart' success message:
.wc-quick-view-modal .wc-quick-view-success {
background-color: #ddd;
}
.wc-quick-view-modal .wc-quick-view-notice {
color: #333;
}
If searching the knowledge base hasn't answered your question, please contact support.