Styles not applying in Responsive HTML5 output (RH 2019)

[mnx2]

I converted one of our large RH 2015 projects to RH 2019. Everything went smoothly up until I tried to generate the Responsive HTML5 output. For some odd reason, the styles aren't applying in the output. I checked the topics to ensure they're linking to the correct CSS file, and they are. Has anyone run into this issue before and resolved it?

[Jeff_Coatsworth]

New UI or Classic? All up to date with patch 9?

[mnx2]

New UI and yup, I have the latest patch 9. In the UI, the styles look correct within the topics. The styles go away after I generate the output. It's almost like it can't find the CSS files, which is odd because the topics are linking to the correct ones. I even tried moving the CSS files to be in the same folder as the htm files and that didn't do the trick.

[mnx2]

Well, after a little more investigation, it looks like the Responsive HTML5 output didn't include any of the CSS files. No wonder the styles aren't correct. Any ideas on how to fix this?

[Peter Grainge · Accepted solution]

Have you got a master page specified in the preset? The CSS applied to that could be overriding your topic CSS.

[mnx2]

Wow, that did the trick! I removed the master page and sure enough, all the styles are working as they should. Is there a way to include the master page? We need one in order to include a copyright on every topic. Otherwise, I'll have to manually go into each topic and add the copyright.

[Peter Grainge · Accepted solution]

Open the master page and remove the CSS that is linked to it.

You can leave it like that and the CSS linked to topics will then apply. That's useful if different topics have different CSS linked. Alternatively link the one you want so that if a topic somehow gets the wrong CSS, this will fix it.

[mnx2]

Thanks for all the help!