---
title: Customizing fundraising stats/counters widgets
description: The Peer-to-Peer template includes Homepage widgets and Personal/Team stats that can be customized with your own icons and styles.
---

[Skip to content](https://knowledgebase.akaraisin.com/en/support/customizing-stats-widget-css#main-content)

[Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new?hsLang=en)

[![raisin Logo](https://knowledgebase.akaraisin.com/hs-fs/hubfs/logo_raisin.png?height=40&name=logo_raisin.png)](https://raisinsoftware.org/)

- [Help Centre](https://knowledgebase.akaraisin.com/en/support)

Open main navigation

Close main navigation

- [Help Centre](https://knowledgebase.akaraisin.com/en/support)
- [Submit a request ↗](https://knowledgebase.akaraisin.com/en/support/kb-tickets/new)

 How can we help out?

- There are no suggestions because the search field is empty.

1. [Help Centre](https://knowledgebase.akaraisin.com/en/support?hsLang=en)
2. [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en)
3. [Design](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#design)

# Customizing fundraising stats/counters widgets

## The Peer-to-Peer template includes Homepage widgets and Personal/Team stats that can be customized with your own icons and styles.

The Custom CSS panel found in the Design panel of your events can be leveraged to extend the look and feel of your campaign site beyond the standard style selections and pickers.

Two areas commonly affected via custom CSS are the Teams, Participant and Donations widgets on your Event homepage, and the Number of Donations and Biggest Donation widgets on the Personal and Team pages.

![](https://knowledgebase.akaraisin.com/hubfs/image-25.png)

The widgets are comprised of two elements:

- Icons
- Stats

### Icons

The default orange icons on the event homepage are SVG icons that can be easily adjusted with CSS. Use the code snippet below as a sample for your custom CSS. 

```
.home-stats .icon {fill: #0761f0;}
```

- Paste the updated CSS into your the Custom CSS Panel of your event. Click validate and Save.

### Stats

The colour stats and stats labels across your can be updated following similar steps:

- Using the below code snippet as an example, replace the hex colour code with the colour code of your preference (e.g. #0761f0). RBGA codes are also acceptable.
- Copy/paste into the Custom CSS Panel of your event. Click Validate and Save.

```
/* Home Statistics - Updates stat number */ .home-stats .number  {    color: #0761f0;}	/* Home Statistics - Updates stat label */ .home-stats .title {   color: #0761f0;}
```

### Widgets on Personal and Team Page

Similar widgets also exist on the Personal and Team Pages, respectively showcasing the number of donations and biggest donation, and number of team members and number of donations. These can be edited with the following CSS styles:

```
/* Personal Page - Updates stat number */.rs-preview .page-stats .stat-data--number {color: #0761f0;}/* Personal Page - Updates stat label */.rs-preview .page-stats .stat-data--label {color: #0761f0;}
```

### Adding to Custom CSS Panel

If you have modified the icons and the stats correctly, the CSS Panel should look like this:

![](https://knowledgebase.akaraisin.com/hubfs/image-27.png)

 

 

- [Account & General Setup](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#main-content)

    - [Organization](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#organization)
    - [Modules](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#modules)
    - [Payment](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#payment)
    - [Shared Content](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#shared-content)
    - [Security Management](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#security-management)
    - [Invoice](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#invoice)
    - [Email](https://knowledgebase.akaraisin.com/en/support/account-general-setup?hsLang=en#email)
- [Event Setup](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#main-content)

    - [Event Details](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#event-details)
    - [Go Live](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#go-live)
    - [Registration Information](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#registration-information)
    - [Sponsorship Items](https://knowledgebase.akaraisin.com/en/support/event-setup?hsLang=en#sponsorship-items)
- [Content Management](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#main-content)

    - [Pages](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#pages)
    - [Sections and blocks](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#sections-and-blocks)
    - [Design](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#design)
    - [User Profile Fields](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#user-profile-fields)
    - [Edit Content (Legacy)](https://knowledgebase.akaraisin.com/en/support/content-management?hsLang=en#edit-content-legacy)
- [Message Templates](https://knowledgebase.akaraisin.com/en/support/message-templates?hsLang=en)
- [User Management](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#main-content)

    - [Surveys](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#surveys)
    - [Donors](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#donors)
    - [Participants & Teams](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#participants-teams)
    - [Tickets & Tables](https://knowledgebase.akaraisin.com/en/support/user-management?hsLang=en#tickets-tables)
- [Revenue Management](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#main-content)

    - [Assign Package Codes (Solicitation Codes)](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#assign-package-codes-solicitation-codes)
    - [Offline Pledges](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#offline-pledges)
    - [Payment and fundraising information](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#payment-and-fundraising-information)
    - [Promo Codes](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#promo-codes)
    - [Transactions](https://knowledgebase.akaraisin.com/en/support/revenue-management?hsLang=en#transactions)
- [Tax Receipts](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#main-content)

    - [Manage](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#manage)
    - [Setup](https://knowledgebase.akaraisin.com/en/support/tax-receipts?hsLang=en#setup)
- [Analytics](https://knowledgebase.akaraisin.com/en/support/analytics?hsLang=en)
- [Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#main-content)

    - [General Questions](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-questions)
    - [General Donation](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#general-donation)
    - [Downloads](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#downloads)
    - [Common Reports](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#common-reports)
    - [Pledge / Multi-Pledge](https://knowledgebase.akaraisin.com/en/support/reports?hsLang=en#pledge-multi-pledge)
- [Export Data](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#main-content)

    - [Flat File](https://knowledgebase.akaraisin.com/en/support/export-data?hsLang=en#flat-file)
- [Integrations](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#main-content)

    - [Google Analytics](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#google-analytics)
    - [Strava](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#strava)
    - [360MatchPro by Double the Donation](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#360matchpro-by-double-the-donation)
    - [Address Complete](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#address-complete)
    - [MailChimp](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#mailchimp)
    - [Live streaming](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#live-streaming)
    - [DonorPerfect](https://knowledgebase.akaraisin.com/en/support/integrations?hsLang=en#donorperfect)
- [Customer Support](https://knowledgebase.akaraisin.com/en/support/customer-support?hsLang=en)

[![Chill listening crop-3](https://knowledgebase.akaraisin.com/hs-fs/hubfs/logo_raisin.png?width=63&height=24&name=logo_raisin.png "Chill listening crop-3")](http://www.akaraisin.com)

The digital fundraising partner to growing non-profits.

Copyright © 2026 raisin Software | [Privacy Policy](https://raisinsoftware.org/privacy-policy/)