Where do I find it?

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



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

Modifying the CSS on your website

Advanced users can customize their websites further by modifying the Cascading Style Sheet (CSS) available with their RescueGroups.org website.

To do this, you or one of your volunteers can use a tool like Chrome Developer Tools or Firefox Developer Tools to see the built-in elements on your RescueGroups.org website and then add the modified styles 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 questions.

RescueGroups.org may also be able to help add or update information on the Custom CSS to help you change the appearance of your website.

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;
}


 

Popular Questions

Topics:

  1. 0
    votes

    Is there a more mobile friendly Toolkit layout that would collapse to 1 column for smaller mobile devices?

Have a question about this topic?


  • No labels