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. Variables
2. Mixins
3. Animate
4. Slick
5. Selectize
6. Magnific Popup
7. nstSlider
8. Scaffolding
9. Utilities
10. Buttons
11. Typography
12. Form
13. Address
14. Socials
15. Pagination
16. Boxes
17. Sidebar
18. Blog
19. Newsletter
20. Shop
21. Widgets
22. Sliders
23. Navbar
24. Dropdown
25. Footer
26. Page Headers
27. Mobile Menu
28. Coming Soon Page
29. Gallery
30. Accordion
31. 404 Page
32. Map
33. Twitter
34. Demo Styles

The template also includes:

Google Fonts

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,700,900);

Mixins and Variables
@import ‘variables.scss’;
@import ‘_bootstrap/bootstrap/mixins’;
@import ‘mixins’;




Animate CSS
@import ‘_animate-css/animate’;

@import ‘../plugins/slick/slick’;
@import ‘../plugins/slick/slick-theme’;

@import ‘../plugins/selectize/selectize.bootstrap3’;

Magnific Popup
@import “../plugins/magnific-popup/main”;

Bootstrap Slider
@import “../plugins/nstSlider/jquery.nstSlider”;


@import ‘global’;
@import ‘utilities’;




Small Elements
@import ‘components/buttons’;
@import ‘components/typography’;
@import ‘components/form’;
@import ‘components/address’;
@import ‘components/socials’;
@import ‘components/pagination’;

Page Elements
@import ‘components/boxes’;
@import ‘components/sidebar’;
@import ‘components/blog’;
@import ‘components/newsletter’;
@import ‘components/shop’;
@import ‘components/widgets’;
@import ‘components/sliders’;
@import ‘components/navbar’;
@import ‘components/dropdown’;
@import ‘components/footer’;
@import ‘components/page-headers’;
@import ‘components/mobile-menu’;
@import ‘components/coming-soon’;
@import ‘components/gallery’;
@import “components/accordion”;
@import “components/404”;
@import “components/map”;
@import “components/demo”;