Specifying category images

Images for category tiles are only currently supported in the Playtime and Activity Feed themes. Please follow the instructions below to assign images for category tiles if you're using the Playtime or Activity Feed theme:

1. Login to your Website Toolbox account.
2. Click the Integrate link in the main menu.
3. Click the HTML link.
4. Copy and paste the following code to the Forum Head Tag HTML Code text box:

<style>
#body-wrapper #forums .panel-body > ul > li.col-xs-12 {
    min-height: 350px;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
#body-wrapper #forums .panel-body > ul > li.col-xs-12 > .columns-wrapper {
    width: 75%;
    height: auto;
    background: rgba(0,0,0,.4);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
#body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title,
#body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title h2 {
    color: #fff !important;
}
#body-wrapper #forums .forum_title,
#body-wrapper #forums .last-post a,
#body-wrapper #forums .last-post > i time,
#body-wrapper #forums .forum-count a,
#body-wrapper #forums .columns-wrapper > .col-xs-7 > p {
    color: #fff;
    opacity: 0.8;
}
#body-wrapper #forums .panel-body > ul a.username,
#body-wrapper #forums .panel-body > ul a.close-row {
    opacity: 1;
}
#body-wrapper #forums .columns-wrapper > .col-xs-7 .badge {
    background: #fff !important;
    color: #000 !important;
}
</style>

5. Get the ID of the category
6. Copy and paste the following code to the Forum Head Tag HTML Code text box:

<style>
#body-wrapper #forums .panel-body > ul > li.col-xs-12#forum_CategoryID  {
    background-image: url(IMAGE_URL) !important;
}
</style>

7. Replace CategoryID with the ID retrieved in the step 5 and the IMAGE_URL with a valid image URL in the above code.
8. Repeat steps 6 and 7 for each category if multiple categories need to have their own images.
9. Save the settings.

Here's an example of a forum using category images:

If you still need help, please contact us.