Knowledge Base Tool

pmourad84
Participant

How to change knowledge base tile's background color?

SOLVE

I'm creating my knowledge base using "tiles" as a layout. I'd like to change the tile's background color, but I can't achieve this through the customization settings. Any thoughts? 

 

https://share1.allmoxy.com/X6uLJ9xD

 

0 Upvotes
1 Accepted solution
PremKannan
Solution
Participant | Platinum Partner
Participant | Platinum Partner

How to change knowledge base tile's background color?

SOLVE

Hi @pmourad84,

 

The tile background color in the Knowledge Base layout isn’t exposed through the standard theme customization settings. That’s why changing it from the editor doesn’t reflect on the live tiles.

 

Solution - You can use Custom CSS via the Design Tools to achieve this.

  1. Go to Marketing > Files and Templates > Design Tools
  2. Find the CSS file linked to your Knowledge Base template (usually under @hubspot/knowledge-base-theme)
  3. Add the following custom CSS snippet to override the tile background (just an example. you can ofcourse define your colors as you like):
    • .hs-knowledge-base .tile {
      background-color: #1e90ff !important; /* Replace with your preferred hex */
      color: #ffffff; /* Optional: change text color for contrast */
      }
  4. Save and publish changes.

Please note - If you’re using a child theme, always make edits in the child theme’s CSS to prevent losing them during theme updates.

 

Hope this helps!


✔️ If this answer your query, help the community by marking it as a solution.

Prem Kannan
HubSpot Platinum Partner | RevOps & CRM Consultant | Implementation Expert | HubSpot Custom Solutions Engineer

View solution in original post

0 Upvotes
2 Replies 2
PremKannan
Solution
Participant | Platinum Partner
Participant | Platinum Partner

How to change knowledge base tile's background color?

SOLVE

Hi @pmourad84,

 

The tile background color in the Knowledge Base layout isn’t exposed through the standard theme customization settings. That’s why changing it from the editor doesn’t reflect on the live tiles.

 

Solution - You can use Custom CSS via the Design Tools to achieve this.

  1. Go to Marketing > Files and Templates > Design Tools
  2. Find the CSS file linked to your Knowledge Base template (usually under @hubspot/knowledge-base-theme)
  3. Add the following custom CSS snippet to override the tile background (just an example. you can ofcourse define your colors as you like):
    • .hs-knowledge-base .tile {
      background-color: #1e90ff !important; /* Replace with your preferred hex */
      color: #ffffff; /* Optional: change text color for contrast */
      }
  4. Save and publish changes.

Please note - If you’re using a child theme, always make edits in the child theme’s CSS to prevent losing them during theme updates.

 

Hope this helps!


✔️ If this answer your query, help the community by marking it as a solution.

Prem Kannan
HubSpot Platinum Partner | RevOps & CRM Consultant | Implementation Expert | HubSpot Custom Solutions Engineer
0 Upvotes
kennedyp
Community Manager
Community Manager

How to change knowledge base tile's background color?

SOLVE

Thanks for sharing a screenshot here, @pmourad84

 

I want to invite some subject matter experts to see if they have any suggestions.

Hey @Kalsi@MHanneson@evaldas  do you have any thoughts on this?

 

Best,

Kennedy


HubSpot’s AI-powered customer agent resolves up to 50% of customer queries instantly, with some customers reaching up to 90% resolution rates.
Learn More.


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !
0 Upvotes