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;
}
After reading again, have you tried using RGB values?
See www.grainge.org for RoboHelp and Authoring information
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
Copy link to clipboard
Copied
After reading again, have you tried using RGB values?
See www.grainge.org for RoboHelp and Authoring information
Copy link to clipboard
Copied
No, I am using Hex values
Copy link to clipboard
Copied
Something like
background-color: rgb(0, 84, 159);
See www.grainge.org for RoboHelp and Authoring information
Copy link to clipboard
Copied
Not in what you have shown.
background-color:slategray;
See www.grainge.org for RoboHelp and Authoring information
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?
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
Copy link to clipboard
Copied
I see. Thanks again.