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.

BACK TO TOP