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.

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