Change styling for the new/unread badges

GD bbPress Toolbox Pro adds various badges for marking new and unread topics and posts. To change the style of these badges, plugin relies on CSS, and each badge has own CSS selector.

Here is the list of selectors and badges:

  • .gdbbx-badge-unread-forum – Forum, unread
  • .gdbbx-badge-new-posts – Forum, new posts
  • .gdbbx-badge-new-reply – Topic thread, new reply
  • .gdbbx-badge-new-reply-topic – Topic, new reply
  • .gdbbx-badge-unread-topic – Topic, unread
  • .gdbbx-badge-new-topic – Topic, new

In most cases, you would need to change the colour of the badge, so here are few examples:

/* Topic, New badge
   Light gray on dark red */
.gdbbx-badge-new-topic {
    background: #550000;
    color: #f0f0f0;
}
/* Forum, Unread badge
   White on green */
.gdbbx-badge-unread-topic {
    background: green;
    color: white;
}

You can use this method to change anything related to these badges, simply by modifying CSS for these selectors.

0
0
1150
Rate this article

You are not allowed to rate this post.

2 thoughts on “Change styling for the new/unread badges”

Leave a Comment