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?
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.
Go to Marketing > Files and Templates > Design Tools
Find the CSS file linked to your Knowledge Base template (usually under @hubspot/knowledge-base-theme)
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 */ }
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.
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.
Go to Marketing > Files and Templates > Design Tools
Find the CSS file linked to your Knowledge Base template (usually under @hubspot/knowledge-base-theme)
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 */ }
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.
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 !