Support Center

Create & Apply Custom Themes

Customize the look and feel of the module by switching to a new theme. Refer to documentation on how to create your own themes.

It's easy to create your own themes with basic HTML & CSS knowledge. We'll be happy to create a theme for you under our Premium Support option as well. Although you can create a new theme from scratch, it's almost always easier to copy an existing theme and modify it. Live Forums themes are located at /DesktopModules/LiveForums/Themes and each folder represents a seperate theme.

Step 1:

Copy an existing theme folder (such as Default) and rename it to MyTheme.

Important: The final step to ensure that you're newly created theme works is to edit the style.css located at /DesktopModules/LiveForums/Themes/MyTheme/Style/Style.css and ensure that all css declarations begin with .mytheme

You must inherit all IDs, Classes, any other CSS Tags in your newly created Style.css from class .mytheme(where this is your new theme name in lowercase)

Example:

1
2
3
4
5
.lfdefault.ms-container{
                background: white;
                padding: 25px;
                border-radius: 5px;
}

The above markup would change to:

.mytheme.ms-container

1
2
3
4
5
.mytheme.ms-container{
                background: white;
                padding: 25px;
                border-radius: 5px;
}

 

My Theme

 

Step 2:

Update "lfdefault" class with "mytheme" in the following templates:

/DesktopModules/LiveForums/Themes/MyTheme/Templates/Site/

  • HomePage.cshtml
  • Question.cshtml
  • SearchResult.cshtml
  • Tags.cshtml

Step 3:

We can now select the new theme from Manage > Administrator > Theme

My Theme

Glad we could be helpful. Thanks for the feedback.

Sorry we couldn't be helpful. Your feedback will help us improve this article.

How helpful was this page?

  
Updated on Fri, 14 Aug 2020 by Ashish Pachori