Dashboard > Wild Apricot Knowledge Base > ... > Using images in CSS customization > Sample 1. Customize site background
Online Help
For main website go to www.WildApricot.com
Membership and website software for communities
Build a free demo site and send it
out for feedback in 25 minutes
Name:
Email:
We value your privacy
Log In   View a printable version of the current page.  
Added by WildApricot admin, last edited by WildApricot admin on Jun 06, 2007  (view change)
Labels: 
(None)

Home

CSS Customization - Customize site background

First of all you have to upload the necessary CSS pictures to the Wild Apricot server. The easiest way to do it is via WildApricot WebDAV folder feature.

Second, link to these these images in your CSS.
There are 2 ways to do it:

  1. CSS Customization in Wild Apricot backend:

    • Login.
    • Go to Settings -> Visual look and feel -> CSS customization.
    • Specify necessary CSS rules for HTML elements where you want to apply a custom background image.
    • Click [Save & close].
    • Sample code above results in the 'body' CSS element using "red flower" image background.
  2. Edit user.css directly via WebDav.

    • Open your WildApricot WebDAV folder.
    • Download "user.css" to your computer.
    • Edit user.css
    • Save and upload user.css back to WildApricot WebDAV folder.
    • Now the site background is filled with the specified image: