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. Menu
5. Slick slider
6. Media Sections
7. Selectize
8. Magnificpopup
9. Typography
10. Section header
11. Portfolio
12. Icon box
13. Article box
14. Blockquote
15. Lists
16. Buttons
17. Slick navigation
18. Socials
19. Footer
20. Main slider
21. Booking box
22. Forms
23. Image box
24. Page header
25. Accordions
26. Pricing box
27. Testimonials
28. Gallery container
29. Blog
30. Pagination
31. Google maps
32. Info box
33. Pre loader
34. Progress bar
35. Tabs
36. Counters
37. Tables
38. Person box
39. Icons

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

motive.less – file for motive styling
buttons.less – file for buttons styling (colors, sizes etc.)