MAMA CSS Structure

We are using sevaral CSS files in this Template. Jewel Theme Always follow the latest trends of coding standard. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

CSS File included:

  • Themify Icons css used

  • Retina css used

  • Magnific Pop Up css used

  • Headline css used

  • Animsitioin css used

 

The second file contains all of the specific stylings for the page. Here is the an example of general style. The file is separated into sections using:

 

/* 1 – Google Font
————————————————————————*/

/* 1 – Google Font End
————————————————————————*/

/* 2 – General styles
————————————————————————*/

/* 2 – General styles End
————————————————————————*/

 

etc.

 

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

 

CSS coding standard: We followed css and css3 coding standard. Here is the example: