Versions Compared

Old Version 2

changes.mady.by.user Mickey [RG]

Saved on

compared with

New Version Current

changes.mady.by.user Mickey [RG]

Saved on

Key

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

Modifying the CSS on your website

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

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 website.

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-transform: uppercase;
font-size: 28px;
color: #231F20;
line-height: 1.2em;
margin-top: 20px;
border-bottom:none;
border-top: 1px solid #BAB9B8;
}


Image Added