---
title: Can I change the background color and hover color of the pricing cards?
description: In Focus Plus the Pricing cards module has its own color settings; in the free Focus theme the module has no styling options.
---

[![stuff-and-matters-logo-white](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "stuff-and-matters-logo-white")](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

[![https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg")](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

[![](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-dark.svg)](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

# Can I change the background color and hover color of the pricing cards?

In **Focus Plus**, yes. Open the **Pricing cards** module: **Styles \> Background \> Background color** sets the background of all cards, and **Styles \> Link \> Color \> Custom hover color** sets the link hover color inside them. The highlighted card has its own set under **Pricing cards \> Badge options**, including **Card background color** and **Card link hover color**. These settings apply to that module instance; click **Publish** to apply.

In the free **Focus** theme, the Pricing cards module has no styling options; the highlighted card follows your theme's body colors, and link and button hover colors come from **Global theme styles**. Styling options for this module, like for all other modules, are available in [Focus Plus](https://www.stuff-n-matters.com/focus-plus).

[Back to Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

### Share:

[Share on Facebook](http://www.facebook.com/share.php?u=https://www.stuff-n-matters.com/knowledge-base/can-i-change-the-background-color-and-hover-color-of-the-pricing-cards&utm_medium=social&utm_source=facebook) [Share on LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://www.stuff-n-matters.com/knowledge-base/can-i-change-the-background-color-and-hover-color-of-the-pricing-cards&utm_medium=social&utm_source=linkedin) [Share on Twitter](https://twitter.com/intent/tweet?original_referer=https://www.stuff-n-matters.com/knowledge-base/can-i-change-the-background-color-and-hover-color-of-the-pricing-cards&utm_medium=social&utm_source=twitter&url=https://www.stuff-n-matters.com/knowledge-base/can-i-change-the-background-color-and-hover-color-of-the-pricing-cards&utm_medium=social&utm_source=twitter&source=tweetbutton&text=Can%20I%20change%20the%20background%20color%20and%20hover%20color%20of%20the%20pricing%20cards)

[modules](https://www.stuff-n-matters.com/knowledge-base/tag/modules)

## Comments

## Related posts

Search [Why are my section background colors not using my Brand Kit colors?](https://www.stuff-n-matters.com/knowledge-base/why-are-my-section-background-colors-not-using-my-brand-kit-colors)

[Why does the sidebar not appear on my blog listing page?](https://www.stuff-n-matters.com/knowledge-base/why-does-the-sidebar-not-appear-on-my-blog-listing-page) Search

![stuff-and-matters-provider](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-provider.svg "stuff-and-matters-provider")

We are proudly an official HubSpot Solution Provider. You can grow better with us.

#### Focus Theme

- [Focus](https://www.stuff-n-matters.com/focus)
- [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
- [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
- [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
- [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
- [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
- [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
- [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)

#### Solutions

- [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
- [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
- [Content & Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
- [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
- [Website Design & Development](https://www.stuff-n-matters.com/website-design-and-development)
- [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
- [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
- [Customer Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
- [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
- [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)

#### Blog Posts

- [How to add custom CSS on HubSpot CMS](https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms)
- [How to create a child theme in HubSpot](https://www.stuff-n-matters.com/blog/how-to-create-a-child-theme-in-hubspot)
- [How to connect Google Analytics](https://www.stuff-n-matters.com/blog/how-to-connect-google-analytics-to-hubspot)
- [How to add a Google Map to your website](https://www.stuff-n-matters.com/blog/add-google-maps-with-snazzy-maps-in-hubspot)
- [How to clone a HubSpot theme](https://www.stuff-n-matters.com/blog/how-to-clone-a-hubspot-theme)

**© 2021-2026 Stuff & Matters, Inc.**  
Delaware, USA.

[Refund Policy](https://www.stuff-n-matters.com/refund-policy) [Privacy Policy](https://www.stuff-n-matters.com/privacy-policy) [Terms & Conditions](https://www.stuff-n-matters.com/terms-and-conditions) 

[Follow us on Facebook](https://www.linkedin.com/in/kerem-kandirali/)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpotted",
    "url" : "https://www.stuff-n-matters.com/knowledge-base/author/hubspotted"
  },
  "dateModified" : "2026-09-08T07:02:30.904Z",
  "datePublished" : "2026-09-08T07:02:30.000Z",
  "headline" : "Can I change the background color and hover color of the pricing cards?",
  "mainEntityOfPage" : {
    "@id" : "https://www.stuff-n-matters.com/knowledge-base/can-i-change-the-background-color-and-hover-color-of-the-pricing-cards",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-dark.svg"
    },
    "name" : "Stuff & Matters, Inc."
  }
}
```