Custom CSS in Help Center Theme

Follow

Washington Forte

February 27, 2020 20:03

Hi!

I have some custom CSS in the Global Style of Confluence, but it doesn't works with Help Center Theme of Scroll Viewport. I saw in docs that is impossible develop a custom theme based on the Help Center Theme.

I love this theme, but i'd ilke to adjust the font size and family. Only this, because my customers have small monitors and the default font-size is so big to them. How can i do it? Can I make a overrride of the CSS in somewhere?

0

• 

  Roman Serazhiev February 28, 2020 09:52

  Hi Washington.

  Custom CSS from Confluence doesn't affect Viewport. If you would like to change the CSS, you could do so in the WebHelp theme directly.

  If you use Help Center theme, there's currently no possibility to change the fond size. We are tracking this improvement here: https://k15t.jira.com/browse/VPRT-1265. Please sign up at https://k15t.jira.com/secure/Signup!default.jspa to watch, comment on or vote for this issue. We'll then send a notification for every status update.

  Cheers,
  Roman.

  0

  Comment actions Permalink
• 

  Washington Forte March 05, 2020 18:48

  Hi, Roman,

  I understand. But my question is: why the Help Center theme doesn't have a custom CSS or, if is not possible, why doesn't respect my custom head css. Scroll Viewport is a very usefull app and the Help Center is much better than Web Help theme. But, this rigidity breaks some projects. All of my personal macros breaks because the Scroll Viewport doesn't respect my CSS. I tried to revert this in \override\macro_name.vm, but there are some styles that Help Center theme blocks.

  Is there no way to use Help Center with my styles?

  0

  Comment actions Permalink
• 

  LK December 04, 2021 12:00

  The following worked for me
  1. create a file in the editor with the name "custom.css" in the root directory
  2. It is important to specify the CSS !important rule where the theme does not accept it, as an example

  .article__content article h2 {
  font-size: 1.5rem !important;
  }

  0

  Comment actions Permalink

Please sign in to leave a comment.