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. variables
2. mixins
3. animate
4. navbar
5. background-effects
6. buttons
7. typography
8. iconbox
9. cta
10. footer
11. forms
12. portfolio
13. price-table
14. contact-information
15. event-box
16. blog
17. testimonials
18. progress-bars
19. toggables
20. sidebar
21. widgets
22. personbox
23. label
24. charts
25. sections
26. map
27. counter

The template also includes:

Google Fonts

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic,400,300,300italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic);

Mixins and Variables

• variables
• mixins
• animate

— Plugins

• slick
• selectize
• lightgallery
• chartist
• tablesaw
• pace preloader
• fullpage scroll
• countdown

— Components

• navbar
• background-effects
• buttons
• typography
• iconbox
• cta
• footer
• forms
• portfolio
• price-table
• contact-information
• event-box
• blog
• testimonials
• progress-bars
• toggables
• sidebar
• widgets
• personbox
• label
• charts
• sections
• map
• counter