Overview:
If you are using the Quick View feature of our app and the styles do not match your current theme styles. Then you will need to apply CSS to our app. The following styles are not automatically added to your style-sheet when the app is installed, but all the CSS class selectors provided are hooked into our app.
You may need to use the !important tag after using a CSS selector in order to override styles from another app or the apps default styles. If you have any questions please feel free to reach out to use at support@w3trends.com.
Quick View Styles:
We recommend adding the styles to the bottom of the style sheet and use a comment to signify what the styles are for.
/*======== W3trends - Product Accessories - Quick View Styles ========*/
Quick View Modal Base
/*Modal Overlay*/
#accessories-modal-overlay {}
/*Modal Container*/
#accessories-modal {}
/*Modal X Close Button*/
#accessories-modal-close {}
Quick View Modal Heading
/*Modal Title and Link*/
#accessories-modal h2 a {}
Quick View Modal Add To Cart Button Styles
/*Modal Btn Quantity Text*/
#accessories-modal-right .accessories-quantity-text{}
#accessories-modal-right .accessories-quantity {}
Quick View Modal Quantity
/*Modal Quantity Label*/
.accessories-quantity-text {}
/*Modal Quantity Input*/
.accessories-quantity {}
Quick View Modal Price
/*Modal Price*/
.accessory-modal-price {}
Quick View Modal Description
/*Modal Description*/
#accessories-modal-right .accessory-description{}
Quick View Modal Variant
/*Modal Variant Option*/
#accessories-modal-right select{}