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. Font Awesome
2. Owl Slider
3. Animate.css
4. Typography
5. Paginations
6. Menu
7. Forms
8. Tables
9. Utilities
10. Divided Buttons
11. Courses Box
12. Google map
13. Photo Gallery
14. Blog list
15. Testimonials
16. Gallery isotope
17. Image box
18. Person box
19. Counters
20. Progress bars
21. icon box
22. Pricing box
23. Shop
24. Modal popup
25. Dividers
26. Social bar
27. Section title
28. Video
29. Leadership box
30. Artistic box
31. Typing animation
32. Date picker
33. Accordions/Tabs

For more advanced user – we included also folder with less files  – under assets/less you will find the following files:

plugins.less – file for plugins styling
motive.less – file for motive styling
buttons.less – file for buttons styling (colors, sizes etc.)
pageheader.less – file for page header styling