Easy Customization

Customizing Evenflow is a fairly straightforward and easy process. The core layout structure is totally separated from the presentation. This allows you to edit your fonts, colors, and images without worrying about messing up the layout of your theme.

Below is an example of the table of contents of the CSS file which is echoed in the style(X).css file.

/*--------- TABLE OF CONTENTS---------*/
/* Body
------------------------------------- */
/* @group Header
------------------------------------- */
/* @group Typography
------------------------------------- */
/* @group Featured Slider
------------------------------------- */
/* @group WP Content
------------------------------------- */
/* @group Structure
------------------------------------- */
/* @group Bonus Styles
------------------------------------- */
/* @group Comments
------------------------------------- */

Once you install your theme, navigate to your Evenflow The Options interface and set the style you’d like to use. If you were to choose “style2” and wanted to customize it a little, then you’d edit:
wp-content/themes/evenflow/css/style2.css.

So just to recap the CSS architecture:

  • reset.css
    • Resets the classes to a level playing field for all browsers
  • 960_24_col.css
    • 960 Grid system
  • master.css
    • Controls the main layout structure of the theme such as sizes and positioning
  • style(x).css
    • Controls the background colors, typefaces, font colors, and images

ad