Customize Your Group’s Website in 5 Steps

Your website is your group’s online home, and while there’s certainly nothing wrong with the out-of-the-box design, it’s definitely worth taking a few minutes to really make it your own.  Here are five ways you can inject your site with some of your group’s unique spirit and personality.

1) Upload a custom header image.

Pawnee Environmental Society _ GroupSpaces

This the quickest and easiest way to personalize your site.  We recommend uploading a 955px wide image – all common image formats are supported – that will span across the top of your website, but you can also upload a smaller logo that will occupy the top left-hand corner of your site.

You don’t have to be graphic designer to whip up a basic header image for your group. If you have it,  PhotoShop is great, otherwise basic, free image editing programs like Skitch or even Drawings in your Google Drive will allow you to paste an image into a 955px sized frame and overlay text on it.

2) Pick a default theme, then customize it.  

Screen Shot 2013-05-10 at 3.45.37 PM

Themes allow you to apply a variety of color schemes to your site.  Once you’ve picked out your preferred theme, tweak it further by selecting the Custom option.  You can select colors for specific elements of your site this way, and even upload background images to wallpaper your site.

3) Configure your Homepage layout.

We populate your homepage with some content to get you started, but managers have full control over what does and does not appear on their homepage.  Drag and drop the content you want to share and remove what you don’t.  You can use the Rich Text/HTML box to add any   custom content you want – text, images, embedded video content, anything!

4) Add Custom pages.  

Screen Shot 2013-05-10 at 3.47.33 PM

You’re not limited to the pages we provide you with.  You can create as many additional pages as you like.  Click on the green Create Page button to setup a new page that you can title and use however you like.  They are blank pages that you can populate with copy, images, videos, or anything you have in mind using the Text Editor.

5) Experiment with CSS.  

Screen Shot 2013-05-10 at 3.51.15 PM

Please note this one is only possible with a Pro subscription or above.  Those groups have access to an open CSS field – any custom CSS they add to this field will be placed above our existing stylesheets, thus overriding the default CSS and allowing for far greater customization.

We recommend using a tool like Firebug or Chrome Developer Tools when working with CSS to identity what elements you want to change.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s