If you would like to edit the color, font, or style of any elements, you would do the following:
|
1 |
#primaryContent a {color: #someColor;} |
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.
|
1 |
#wrap #primaryContent a {color: #someColor;} |
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:
|
1 2 3 4 5 |
<head> (..) <link rel="stylesheet" type="text/css" href="css/motive.css"> (..) </head> |
Icons
We’ve included 360+ font icons.
Awesome Icons – http://fontawesome.io/icons/
HTML markup:
|
1 2 |
<!-- Awesome Icons --> <i class="fa fa-cog"></i> |
CSS Files & Structure
We’ve included 2 files.
bootstrap.css contains Bootstrap 3 Library.
style.css file contains general styles.
style.less
1. Animate CSS
2. Slick
3. Selectize
4. Countdown
5. Magnific Popup
6. Isotope
7. Pace
8. Circular Progress Bar
9. Utilities
10. Typography
11. Navbar
12. Buttons
13. Icons
14. Socials
15. Action Link
16. Sliders
17. Form
18. Widgets
19. Sidebar
20. Footer
21. Boxes
22. Cart
23. Wishlist
24. Blog
25. Breadcrumbs
26. Headers
27. Mobile Menu
28. Blockquote
29. Pagination
30. Team
31. Lists
32. Coming Soon
33. Progress Bar
34. Map
35. Contacts