Question

Courses --> HTML Page Training Material

  • 5 January 2022
  • 3 replies
  • 47 views

Userlevel 4
Badge

OK - I seem to be missing something.

 

I have entered some custom CSS under the Branding, Look, and Feel area in both the 7.0 and the 6.9 areas.

If I use an HTML Widget for a custom page - the custom CSS works fine.

However, if I try to use the same custom CSS to style something in an HTML Page as training material for a course - it is ignored.

I have also tried doing some style tags but those get stripped out.

I seem to remember a place where I could put some CSS for courses but I cannot seem to find it again.

It appears I can do some things by placing some styles inline like such but I’d rather access something pre-defined.

<p style="color: #ff0000;">Red</p>

Is there a way to style course HTML pages with custom CSS?


3 replies

Userlevel 7
Badge +6

HI @gstager that's right...unfortunately the HTML widget and other parts of the LMS where a’coding’ option is available don’t all work the same way...(ex: Privacy policies and T&C)...sometimes the code works and sometimes it is ignored. The HTML widget is pretty rudimentary and works mostly with the WYSIWYG options...you might try and iFrame if you have a server structure to support that.

Userlevel 7
Badge +3

Hey @gstager,

 

Custom CSS for HTML Training Material is handled separately from custom styles in the rest of the platform to give you greater flexibility in your design options.

 

I assume that you’ve been adding your current styles to the Custom Styles section of Configure Branding & Look.

 

CSS for the HTML Training Material can be found in the Course Player section of Configure Branding & Look. Any CSS added here will be automatically applied to your HTML Training Materials. You can learn more in the Customizing the Course Player section of this knowledge article.

 

Customize CSS for HTML Training Material via the Course Player section of Configure Branding & Look ​​​

 

Userlevel 4
Badge

@Adam Ballhaussen - Well that was the spot I had seen but had forgotten where it was, so thanks for that.

However, when I add some CSS to that area and then try to use it in the HTML Training Material, it seems to be ignored.

The only CSS that I can get to work is inline CSS.

Reply