1. Knowledge Base
  2. WooCommerce Quick View Pro
  3. Developer Documentation

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;
​}
Still need help?
If searching the knowledge base hasn't answered your question, please contact support.

Related Articles