Online Help          

CSS customization


CSS customization

Advanced customization warning - Reference information is provided as is
Wild Apricot technical support team does not provide support for CSS customization, Javascript, or visual design. (Read more)

What is CSS?

CSS stands for Cascading Style Sheets. CSS code, stored in CSS files, is used to define the styles that determine the appearance of elements within your site pages. Different levels of headings, for example, could be defined using H1, H2, H3, or H4 styles. The overall appearance of website themes supplied by Wild Apricot is controlled by CSS (and an extension of CSS called LESS) stored in Theme.css (or Theme.less) files.

Customizing CSS

You can customize the CSS used to control the appearance of your site in two different ways:

The settings you choose on the Colors and styles screen are stored in a CustomStyles.css file and will override the CSS in your theme. The CSS code you enter on the CSS customization screen is stored in a User.css file and will override both the theme settings and the CustomStyles.css file.

You can also customize your site by modifying or replacing individual theme files. For more information, see Theme overrides.

Entering CSS customization code

To enter CSS customization code, follow these steps:

  1. Go to Settings, then click CSS customization under Site look and feel.
  2. In the Editor field, enter the code for your customization.
  3. To check for errors in your code, click the Validated customized CSS link or click the checkmark icon beside it.

    Validating CSS code

  4. Click Apply & preview to preview your customization within the preview area on the right, or click Apply & close to apply the customization and close the screen.
Instead of entering CSS code here, you can use File management to upload a CSS file containing multiple customizations to the Resources folder.

CSS customization examples

See also

Wild Apricot Inc. 144 Front Street West, Suite 725, Toronto, Ontario M5J 2L7, Canada
Sales & Support: (Toll-free) +1 (877) 493-6090
All other inquiries: +1 (416) 410-4059
Copyright © 2012.
Wild Apricot™ by Wild Apricot Inc.