Solved

Help Center (Dark) Theme Configuration

  • 18 May 2023
  • 1 reply
  • 1435 views

Concerns regarding the Hep Center (knowledge base) automation

  1. Dark Mode Theme: a. Does Freshdesk offer a dark mode theme option? If yes, guide on how to enable it. b. Are there any plans to introduce a dark mode theme for the platform? c. Do we need to install any version for it?
  2. Font and Spacing Customization: a. Is it possible to customize the font style and size within the support articles? If so, what customization options are available? b. Can we adjust the spacing between lines or paragraphs in the support articles? If yes, how can we make these adjustments?
  3. Related Article Suggestions: a. How does the platform determine the related article suggestions that appear at the end of each support article? b. Is it based on keywords of the primary article, tags, or other factors? Please provide details on the algorithm used to generate these suggestions.

    It would be great if you can help me with the link and proper navigations regarding the above concerns.

    Thank You
icon

Best answer by taazathemes 5 June 2023, 10:04

View original

1 reply

Badge +6

Hey @muskanb

Freshdesk standard theme doesn’t offer dark-mode theme option. You would need to customize your theme file via CSS/Javascript route. There are some available Javascript libraries to implement this. I’m not sure if Freshdesk is going to add this feature in their next iteration of the Marina theme.

With regard to font/spacing customization, this can be done when you use the HTML editor mode while editing an article:

You can add custom HTML tags and CSS styles to change the font. For instance, you can use the <span> tag with CSS styles to change the font style. Here's an example: <span style="font-family: Arial;">Your text here</span>.

Adjusting the spacing between lines or paragraphs in support articles is also possible. You can achieve this by using CSS. To adjust the line spacing (leading), you can use the line-height CSS property. To adjust the spacing between paragraphs, you can use the margin CSS property. Here’s an example : <span style="line-height: 1.5;">Your text here</span>

 

Hope this helps!

Reply