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 by modifying the Cascading Style Sheets Sheet (CSS) available in with their RescueGroups.org 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 .to Website > Custom CSS.

To view the page source, if you are not familiar with this, Right-click on a page and select View Source. If you do not understand HTML and modification of the 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 questions.Image Removed

You can also use tools like Firefox Developer Tools to update or change the CSS.

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-transformuppercase;
font-size28px;
color#231F20;
line-height1.2em;
margin-top20px;
border-bottom:none;
border-top1px solid #BAB9B8;
}


Image Added