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.

I.E.

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.

Colors

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:

Icons

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.

style.less

1. animate-css
2. slick
3. slick-theme
4. selectize.bootstrap3
5. global
6. utilities
7. navbar
8. background-effects
9. buttons
10. typography
11. widget
12. footer
13. socials
14. person-box
15. counters
16. jumbotron
17. portfolio
18. sliders
19. post
20. comments
21. forms
22. upload
23. pricing-table
24. map