ThemeBoy

The Team Colors module is included in SportsPress Pro. It adds a Team Colors meta box to the team edit screen and applies those colors to the frontend when a visitor views pages associated with the team.

Open any team's edit screen. The Team Colors meta box appears in the main column below the content editor. It contains five color fields, each with a checkbox and a color picker:

- Primary
- Background
- Text
- Heading
- Link

A checkbox labeled with the color name. When the checkbox is unchecked, the color is disabled and the site-wide theme color is used instead.

A hex color input that opens a color picker when clicked. The picker uses the WordPress <code>wp-color-picker</code> (Iris) interface — you can pick a color visually or type a hex value directly.

1. A checkbox labeled with the color name. When the checkbox is unchecked, the color is disabled and the site-wide theme color is used instead.
2. A hex color input that opens a color picker when clicked. The picker uses the WordPress <code>wp-color-picker</code> (Iris) interface — you can pick a color visually or type a hex value directly.

The default value shown in the picker when a color is disabled is the current global theme color for that slot.

Check the checkbox next to a color name to activate that override for this team.

Uncheck the checkbox to revert to the global theme color for that slot.

You can enable any combination — for example, overriding only Primary and Background while leaving the other three at their global defaults.

- Check the checkbox next to a color name to activate that override for this team.
- Uncheck the checkbox to revert to the global theme color for that slot.
- You can enable any combination — for example, overriding only Primary and Background while leaving the other three at their global defaults.

Click Update on the team edit screen. Enabled colors are stored in the <code>sp_colors</code> post meta field as an associative array keyed by color name (<code>primary</code>, <code>background</code>, <code>text</code>, <code>heading</code>, <code>link</code>). Disabled colors are not stored.

Team colors are applied as CSS variable overrides via the <code>option_themeboy</code> filter. The module injects the team's enabled colors into the frontend CSS whenever a visitor views:

A team page (<code>sp_team</code> singular)

An event page (<code>sp_event</code> singular) — colors from the first team listed on the event are used

A calendar page (<code>sp_calendar</code> singular) — colors from the first team assigned to the calendar

A player page (<code>sp_player</code> singular) — colors from the first team the player belongs to

A player list page (<code>sp_list</code> singular) — colors from the first team assigned to the list

A staff page (<code>sp_staff</code> singular) — colors from the first team assigned to the staff member

- A team page (<code>sp_team</code> singular)
- An event page (<code>sp_event</code> singular) — colors from the first team listed on the event are used
- A calendar page (<code>sp_calendar</code> singular) — colors from the first team assigned to the calendar
- A player page (<code>sp_player</code> singular) — colors from the first team the player belongs to
- A player list page (<code>sp_list</code> singular) — colors from the first team assigned to the list
- A staff page (<code>sp_staff</code> singular) — colors from the first team assigned to the staff member

On event pages, if the Reverse Teams setting is enabled in SportsPress settings, the team order is reversed before selecting which team's colors to apply.

When at least one color is enabled for a team, the Teams list screen displays colored blocks in the Logo column position alongside the logo. Each enabled color appears as a small colored rectangle, giving a quick visual overview of a team's assigned colors.

The Team Colors module is included in SportsPress Pro. It adds a **Team Colors** meta box to the team edit screen and applies those colors to the frontend when a visitor views pages associated with the team.

Team Colors

Find answers and get help from Intercom Support and Community Experts

Conversations you've started through the messenger will appear here.

No conversations created by you

Try using different keywords or checking for typos.

No conversations found

Title

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Empty Help Center

Uh oh. That page doesn’t exist.

Home

Search results

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

Team Colors

Team Colors

The Team Colors Meta Box

Enabling and Disabling Individual Colors

Saving

Frontend Application

Teams List Column