• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Styles not applying in Responsive HTML5 output (RH 2019)

New Here ,
Oct 01, 2019 Oct 01, 2019

Copy link to clipboard

Copied

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?

TOPICS
New UI

Views

432

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Oct 02, 2019 Oct 02, 2019

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

 

Votes

Translate

Translate
Community Expert , Oct 02, 2019 Oct 02, 2019

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.

 

Votes

Translate

Translate
Community Expert ,
Oct 01, 2019 Oct 01, 2019

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 02, 2019 Oct 02, 2019

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 02, 2019 Oct 02, 2019

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 02, 2019 Oct 02, 2019

Copy link to clipboard

Copied

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

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 02, 2019 Oct 02, 2019

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 02, 2019 Oct 02, 2019

Copy link to clipboard

Copied

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.

 

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 02, 2019 Oct 02, 2019

Copy link to clipboard

Copied

LATEST
Thanks for all the help!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp