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:

Main Menu structure

Just change brand name, upload your logo to images/content/ folder and you’re ready to go!

In order to create mega menus read the documentation here:

Yamm 3 Documentation


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. Bootstrap
3. Mixins
4. Typography
5. Button hover effects
6. animate.css
7. Yamm
8. Image hover effects
9. Counter
10. Owl
11. Media section
12. Buttons
13. Morph buttons
14. Divided
15. Menu
16. Social icons
17. Forms
18. Widget
19. Icon box
20. Portfolio
21. Blockquote
22. Person Box
23. Progress Bar
24. Breadcrumbs
25. Call to action
26. Color Box
27. Media object
28. Blog
29. Blog sidebar
30. Blog Post
31. Pagination
32. List switcher
33. Comment
34. Contact
35. Error Page
36. Testimonals
37. Tables
38. Pricing tables
39. Toggables
40. Twitter
41. Footer
42. Maps
43. Utilities
44. Base Style
45. To Top arrow
46. Intro Effect
47. Magnific


Utility classes are low-level structural and positional traits. Utilities can be applied directly to any element, multiple utilities can be used tohether and utilities can be used alongsie component classes.

Utilities are intended for frequently used CSS properties and patterns, like: floats, containing floats, vertical alignemnt, text tryncation. Relying on utilities can help to reduce repetition and provide consistend implementations.

  • {Theme} uses utilities for the following categories:
  • Typography
  • Display Types
  • Paddings
  • Margins
  • Line height
  • Borders
  • Colors
  • Transform
  • Section elements