How do I reference external CSS files?

Sometimes you may find it easier to maintain an external CSS file as opposed to placing all your CSS rules in the [Appearance => Advanced] section of the admin area.

You can do that by using @import rules at the top of the Advanced section.

@import url(http://www.yourchurch.com/css/external.css);

Note: If you have other CSS rules in the Advanced section, please be sure your @import rules are listed first (i.e., before any other CSS rules).