Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Modifying the CSS on your website

Advanced users can customize their websites further

Tip
titleWhere do I find it?

You can find the Custom CSS page by going to Website > Custom CSS.

...

titleClick here for information on permissions

The following actions are available for Custom CSS with the specified service and user roles:

...

Action

...

Description

...

Services

...

User Roles

...

View

...

Web Site

...

Site Admin only

...

Change

...

Web Site

...

Site Admin only

Advanced users will want to customize their web site by modifying the Cascading Style Sheets Sheet (CSS) available in with their RescueGroups.org web site.  You website.

To do this, you or one of your volunteers can always view the source of a use a tool like Chrome Developer Tools or Firefox Developer Tools to see the built-in elements on your RescueGroups.org web page website and then modify add the modified styles . You can also use a tool like to Website > Custom CSS.

If you do not understand CSS, this might not be something you want to attempt immediately. There are articles about CSS and the RescueGroups.org community may be able to advise you when you ask specific questionsFirebug.

RescueGroups.org volunteers may also be able to help add or update information on the Custom CSS page as needed to help you change the appearance of your web sitewebsite.

Note

Styles should only be changed or added if you understand the impact and function of the change.

...

Changing the content section header

To customize the CSS that appears for Highlighted Animals, News, and Events for the hard-coded sections that can be turned on/off on the home page use the following:

.contentSectionHeader

.contentSectionHeader {
font-family'Ubuntu'sans-serif;
text-transformuppercase;
font-size28px;
color#231F20;
line-height1.2em;
margin-top20px;
border-bottom:none;
border-top1px solid #BAB9B8;
}


Image Added