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

Adding a new H1 style in RoboHelp 2017

Participant ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

Hi, I need to create another Heading 1, which is identical to the existing Heading 1 style, but with a different background colour. I assumed this would be straight forward but I can't get the style to display correctly in the Responsive HTML 5 output. I have tried copying the existing Heading 1 style in the Styles editor in RoboHelp, and have also tried changing the formatting of the existing Heading 6 style, but when I create the output, the style is not applied correctly. I think I must be making a simple mistake... I have added the existing Heading 1 style below. Any advice would be appreciated.

h1 {

    font-family:Arial, sans-serif;

    font-size:1.2em;

    font-weight:bold;

    min-height:1.2em;

    color:#ffffff;

    background-color:slategray;

    padding:0.5em 0em 0.5em 0.65em;

    margin:0.65em 0em 0.6em 0em;

}

Views

377

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 1 Correct answer

Community Expert , Oct 09, 2017 Oct 09, 2017

After reading again, have you tried using RGB values?


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Votes

Translate

Translate
Community Expert ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

In HTML and CSS there can only be one Heading 1, Heading 2 etc.

You will either have to set Heading 2 to be the alternative or use a paragraph style.

Either way, it will affect the hierarchy.


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

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
Community Expert ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

After reading again, have you tried using RGB values?


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

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
Participant ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

No, I am using Hex values

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 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

Something like

background-color: rgb(0, 84, 159);


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

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
Community Expert ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

Not in what you have shown.

background-color:slategray;


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

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
Participant ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

Thanks for your advice. It works perfectly now. I just duplicated the existing Heading style, and changed the background colour using the RGB value, as you suggested, and it worked fine. As a general approach, is it best to use RGB values, rather than Hex in RoboHelp?

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 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

Hex is fine but that's not what you were using for the background colour.

I prefer RGB because it's easier to tweak it a little by altering which value needs it.


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

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
Participant ,
Oct 09, 2017 Oct 09, 2017

Copy link to clipboard

Copied

LATEST

I see. Thanks again.

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