Formatting the forum content headings

The content in the forums is formatted separately from the main content area. This example describes how to do the following CSS customizations:

  • Set the font size and color for heading 2 and 3 in the forums
  • Set the font hover color for hyperlinks and add an underline

For more information about getting started with CSS customization in Zendesk, see How to brand your Web portal.





CSS code

This code sets font properties for headings 2 and 3 in the forums. Heading 2 is used for categories and heading 3 is used for forum titles.
/* Set the formatting for .frame.colums */
/* This is the container for forums */
/* Set category heading size and color */
.content .frame.columns h2, .content .frame.columns h2 a {
  font-size: 20px;
  color:#6F7866; /* gray */
/* Set category heading hover size and color */
.content .frame.columns h2 a:hover {
  font-size: 20px;
  color:#669900; /* green */
/* Set the font color of h3 active links */
.content .frame.columns h3, .content .frame.columns h3 a {
  color: #6F7866; /* gray */
/* Set the font hover color of h3 active links */
.content .frame.columns h3 a:hover {
  color: #669900; /* green */
Have more questions? Submit a request

Sign in to leave a comment


  • 0

    i know this over a year old hopefully reviving here, but... is it possible to style each individual form topic? ie have a diffrent background-color for each element?

  • 0

    Hey Karl: 

    Not that I know of, but I don't want to tell you no just yet. It's possible that some custom code exists, though, I don't have any snippets in my party bag. 

  • 0

    How can I put the topcs in columns like that? Mine are just scrolling down the page in one long column.

  • 0

    starsha you need to create some sections. That will give you the columns your looking for

Powered by Zendesk