# Advanced Website Customization

:::tip
This section is for advanced users.

:::

Once you've worked through your basic website setup, read through the information here to customize your website even further.

++++++++
__==Click here for information on permissions==__

The following actions are available for Web Pages and Content with the specified service and user roles:

| **Action** | **Description** | **Services** | **User Roles** |
|--------|-------------|----------|------------|
| View   | Able to view the available layouts | Web Site | Site Admin only |
| Change |             | Web Site | Site Admin only |

++++++++

# Overview

When you first start, you are given a working website which includes a default menu and pages. However, you may feel that you would like to customize the look and feel of your site as well as the menu. You can start your customization from the **Home Page** pages. Your Homepage is comprised of several components or elements.

# Edit the elements of the Home page

The best way to see where elements are placed in each layout is to add some content to the following web pages in your **Webpages Lis**t:


1.  Go to **Website > Web Page List**
2. Click the **Edit icon** and add in some content to each of these web pages: 
   * Header
   * Footer
   * Sidebar right
   * Sidebar middle
   * Front page top
   * Front page bottom
3. Upload a logo image to **Website > Logo**.
4. Upload a logo image to **Website > Images** (this will let you place the logo on a page for layouts that do not use the automatic logo display feature).

Now that you've added some sample content to each of these pages, you can view each layout and see where the content will appear or not appear based on the layout you've selected.


:::info
It may be possible to edit a template further using CSS.

:::

# **Helpful Tools:**

There are a few helpful third-party tools you can use to complete your Homepage work.


:::tip
*RescueGroups.org does not endorse any third-party application or website.*

:::


* [Colorzilla](http://www.colorzilla.com/) is a helpful tool that allows you to work with colors easily.
* [PicMonkey](http://www.picmonkey.com/) is an online photo editing tool that offers a free as well as a premium version.

---

**Documents**

- [Manage Web Images](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/manage-web-images-y0AKj51i8X)
- [Automatically Created Animal Webpages](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/automatically-created-animal-webpages-6mHgUIdvm4)
- [Custom Website Menu](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/custom-website-menu-BOPH1wwAD4)
- [Custom CSS](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/custom-css-WAi2gQIivH)
- [Google Web Fonts](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/google-web-fonts-dJJtvXVYQ2)
- [Code Snippets](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/code-snippets-XVs2hApIZb)
- [Change the Appearance for Highlighted Animals](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/change-the-appearance-for-highlighted-animals-XRx89cfsrf)
- [Add a Header to Every Web Page](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/add-a-header-to-every-web-page-pgH5Lgz5te)
- [Website Widgets and Utilities](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/website-widgets-and-utilities-VdZRB0eQrO)
- [Search Engine Optimization](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/search-engine-optimization-fFRsswicxe)