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. Animations
2. Utilities
3. Font awesome
4. Fontello
5. Menu
6. Slick slider
7. Media Sections
8. Selectize
9. Bootstrap datepicker
10. Headroom
11. Magnificpopup
12. Typography
13. Section header
14. Portfolio
15. Icon box
16. Article box
17. Blockquote
18. Lists
19. Buttons
20. Line break
21. Slick navigation
22. Socials
23. Footer
24. Flag box
25. Main slider
26. Booking box
27. Forms
28. Date picker
29. Image box
30. Divided icon wall
31. Page header
32. Accordions
33. Pricing box
34. Testimonials
35. Product box
36. Gallery container
37. Blog
38. Pagination
39. Puzzle box
40. Google maps
41. Info box
42. Video poster
43. Pre loader
44. Progress bar
45. Tabs
46. Counters
47. Tables
48. Onepager
49. Person box
50. Icons

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