Css and Scss
All css and scss files located at css folder.
To create your own theme and change styles you must use files in - css/theme.scss :
-
/css
- /module_blog.scss (from pages Blog)
- /module_boxed.scss (from boxed layout)
- /module_content_product_item.scss (from product item layout)
- /module_extend.scss (from extend code scss)
- /module_footer.scss (from footer layout)
- /module_header.scss (from header layout)
- /module_instafeed.scss (from instagram)
- /module_listing_product.scss (from pages listing)
- /module_loader.scss (from loader layout)
- /module_lookbook.scss (from lookbook layout)
- /module_mixin.scss (all mixin scss)
- /module_modal.scss (from modal layout)
- /module_option_product_height (for a functional - the same product height) *can be deleted if not used
- /module_product_single.scss (from pages Product single)
- /module_promo.scss (from promo layout)
- /module_promo_fixed.scss (from promo fixed layout) *can be deleted if not used
- /module_shopcart_page.scss (from shopcart pages) *shopping_cart_01.html, shopping_cart_02.html, can be deleted if not used
- /module_promo_fixed.scss (from promo fixed layout) *can be deleted if not used
- /module_slider_revolution.scss (from slider Revolution layout) *can be deleted if not used
- /module_slider_slick_main.scss (from slider Slick layout)
- /rtl.css (for the RTL version of the site)*can be deleted if not used
- /rtl.scss (for the RTL version of the site)*can be deleted if not used
- /theme.css All style site
- /theme.scss All style site
In css/theme.scss - there are variables with which you can easily customize the theme.
For example, change the default text color:
$default_text_color: #777777; $default_color: #2879fe;
JS
All JS files located at js folder and external.
- js/main.js - Theme main JS file.
- external/ - vendor plugins JS files
OTHER STYLES
These styles are used to create skins on demo. *You do not need to use them to create your own theme.- theme-02.css
- theme-03.css
- theme-04.css
- theme-05.css
- theme-06.css
- theme-07.css
- theme-08.css
- theme-furniture.css
- theme-books.css
- anotherfont-books.css
**To create your own theme and change styles you must use files in - css/theme.scss.