Highlighted

Adding a new H1 style in RoboHelp 2017

Participant ,
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;

}

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

After reading again, have you tried using RGB values?


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

TOPICS
HTML

Views

254

Likes

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

Adding a new H1 style in RoboHelp 2017

Participant ,
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;

}

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

After reading again, have you tried using RGB values?


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

TOPICS
HTML

Views

255

Likes

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
Oct 09, 2017 0
Adobe Community Professional ,
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

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Oct 09, 2017 0
Adobe Community Professional ,
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

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Oct 09, 2017 0
Participant ,
Oct 09, 2017

Copy link to clipboard

Copied

No, I am using Hex values

Likes

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
Reply
Loading...
Oct 09, 2017 0
Adobe Community Professional ,
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

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Oct 09, 2017 0
Adobe Community Professional ,
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

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Oct 09, 2017 0
Participant ,
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?

Likes

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
Reply
Loading...
Oct 09, 2017 0
Adobe Community Professional ,
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

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Oct 09, 2017 0
Participant ,
Oct 09, 2017

Copy link to clipboard

Copied

I see. Thanks again.

Likes

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
Reply
Loading...
Oct 09, 2017 0