1 Correct answer
When I opened your CSS it was written as below.
/*Created with Adobe RoboHelp 10.*/
@media only screen and (min-width: 1024px) and (max-width: 99999px){
h1 {
font-family: Arial;
font-size: 18pt;
x-next-class: ;
x-next-type: p;
}
}
@media only screen and (min-width: 1024px) and (max-width: 99999px){
p {
font-family: Arial;
}
}
That was because, as Amebr had picked up, you must have had Desktop setting in the media dropdown when you applied the style. The result is that if you are viewing i
...
12
Replies
Stuff not appearing right is not surprising pending the clean up so let's focus on your brand new project first.
In a brand new project with topics created in it and using the default.css as supplied, things have to work correctly.
Can you be more specific about what you are seeing where? Different heading levels appearing in different places? Different styles appearing in different places? Maybe add some screenshots to help us.
See www.grainge.org for RoboHelp and Authoring tips
Hi Peter, thanks for responding. By brand new project, I mean I opened RH and selected File/New Project, immediately followed by File/New Topic. At that point, with one topic (screen shot #1), I created a style sheet and changed the H1 font from Times 22pt to Arial 18pt and clicked OK. Visually, nothing happened, as you can see in the screen shots. The style sheet is in the code, however (screen shot #2), and my changes to it were saved--the screenshot of the Styles dialog box (screen shot #3) was taken after I changed the font and reopened the dialog. I didn't change any locations of files or anything like that, just accepted whatever was there.
See the Contact page on my site and send the project as instructed there. Do make sure you include a link to this thread and please do not email the project direct.
See www.grainge.org for RoboHelp and Authoring tips
When I opened your CSS it was written as below.
/*Created with Adobe RoboHelp 10.*/
@media only screen and (min-width: 1024px) and (max-width: 99999px){
h1 {
font-family: Arial;
font-size: 18pt;
x-next-class: ;
x-next-type: p;
}
}
@media only screen and (min-width: 1024px) and (max-width: 99999px){
p {
font-family: Arial;
}
}
That was because, as Amebr had picked up, you must have had Desktop setting in the media dropdown when you applied the style. The result is that if you are viewing in any less than 1024px, Arial will not be applied and you will get the browser default on the user's machine.
With media set to None, I defined h1 and p again using Rh's CSS editor and the following was appended.
h1 {
font-weight: bold;
font-size: 22pt;
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
page-break-after: avoid;
font-family: Arial;
x-next-class: ;
x-next-type: p;
}
p {
margin-top: 14pt;
margin-bottom: 14pt;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
}
Go back to your real project and define your styles with media set to None. Take a copy of the exising CSS first for safety. Delete any styles with media rules applied.
Create the styles by right clicking and using CSS Editor. Clean up by right clicking and using HTML Editor (the css will open in Rh and you can work on it as if in a text editor.
See www.grainge.org for RoboHelp and Authoring tips
I think it would be truer to say "(none)" is the stuff you want to apply to all your media targets. Then you define the differences in each type of media.
e.g.
Maybe you always want your headings to be blue and in the Impact font, and generally 24pt size. Define those in (none).
But you know that 24pt will be too big on a mobile phone, so then you'd select "Phone" and define the size to be 12pt.
If you then generate a Desktop output, the style defined in (none) will apply, because you have specified a difference for Desktop.
(Sorry for the fonts, feeling quixotic 
.
Also, I'm speaking from a purely CSS point of view, as I'm still getting to grips with RH, and it's possible that RH interface quirks might mean a slightly different workflow would be preferable. But I stick by the theory at this stage. )
AdChoices