CSS files and structure

If you would like to edit the color, font, or style of any elements, you would do the following:

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn’t a similar style that has more weight.


So, to ensure that your new styles are applied, make sure that they carry enough “weight” and that there isn’t a style lower in the CSS file that is being applied after yours.


The theme includes a css file wich you can use to edit the colors.
You just need to add the corresponding CSS file to the head of the page like this:


We’ve included 360+ font icons.

Awesome Icons – http://fontawesome.io/icons/

HTML markup:

CSS Files & Structure

We’ve included 2 files.
bootstrap.css contains Bootstrap 3 Library.
style.css file contains general styles.


  1. variables
  2. mixins
  3. animate
  4. slick
  5. selectize
  6. global
  7. utili
  8. lightgallery
  9. lg-transitions
  10. date-picker
  11. shop-locator
  12. navbar
  13. footer
  14. buttons
  15. contact-form
  16. toggleables
  17. tooltip
  18. typography