Applying custom CSS to an entire project
This theme features a blank CSS file called custom.css which is located in the theme contents. To this stylesheet, you can add your own custom CSS code. Any code entered in this file will get applied to all pages throughout your project. If for example you wanted all links to have a dotted underline, you could add the following code to your custom.css file:
a:link {
border-bottom: 1px dotted #000000;
}
When the custom.css file is saved, the above code will get applied to all pages in your project. In this instance the links on every page will have a block dotted line under them.
By using the custom.css file in the theme, you can apply the same code once, which takes effect across all pages of your website including those you add in future. You can open the custom.css file in a CSS editor such as CSSEdit, Coda or Flux. These editors are very powerful and include functions such as syntax colouring, search capability and validation. Editing CSS in an external application is much easier than trying to edit in the small page inspector box within RapidWeaver.