SAVE 25% when you purchase our Theme Bundle and Make Plus together. View bundle deal.

Using Compass and Sass to customize your theme

Since the launch of Anthem, we’ve developed our themes using Compass and Sass CSS pre-compilers. These tools make CSS development faster and easier, and we now include the Sass source files with your theme package so you can use them to modify your theme.

You can find the Sass source files in the /assets/sass/ directory of your theme.

Did you know that Surf Office, Postmatic, Yeah Dave, and over 700,000 small businesses run their websites with Make, our free WordPress page builder. Discover the Make page builder now.

Compass and Sass require Ruby and RubyGems.

To start using Compass and Sass with your theme, follow these steps:

  1. Extract your theme .zip package.
  2. On the command line, change into the /themename/assets/sass/ directory.
  3. Make sure you have Compass installed by running gem install compass
  4. Run compass watch .
  5. Now, any changes you make to the Sass source files (with the .scss file extension) will be reflected in your /themename/style.css file.