Overview:
This articles will help you customize the appearance of the app or to change the look of a particular component. We recommend that you have some knowledge of CSS before altering your style sheet on your theme.
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.
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 Styles ========*/
Accessories Heading Styles
/*Section Title*/
#w3-product-accessories h3 {}
Add To Cart Button Styles
/*AddToCart Btn Clone Styles*/
.w3-options-add-to-cart{}
.w3-options-add-to-cart:hover{}
Accessory Item
/*Accessory Product Title*/
.accessories-title {}
/*Variants Styles*/
#w3-product-accessories .single-option-selector {}
/*DropDown Styles*/
.accessories-item select {}
/*Checkbox Styles*/
.accessories-item input[type=checkbox] {}
/*Accessory Price*/
.accessory-price {}
/*Accessory Quantity*/
.accessoryQuantity {}
/*Read More Button*/
.btn-accessories-read-more {}
All Styles No Comments
#w3-product-accessories h3 {}
#w3-product-accessories .single-option-selector {}
.w3-options-add-to-cart{}
.w3-options-add-to-cart:hover{}
.accessories-title {}
.accessories-item select {}
.accessories-item input[type=checkbox] {}
.accessory-price {}
.accessoryQuantity {}
.btn-accessories-read-more {}
Click below to download this PDF: