CSS shows not available styles in the CSS style sheet.

[jigneshashokshah]

In my RoboHelp 2017,  I see the styles that are not available in my stylesheet are displayed.

For example, Heading 1, Heading 2, and Heading 3.

If I go to my stylesheet, it is Heading1, Heading2, and Heading3.

I think these are the default RoboHelp styles.

How can I get rid of these styles?

Please help.

[Peter Grainge]

There can only be one version of any style so if you are seeing multiple versions of heading styles, what you are really seeing is one H1 style and then a paragraph style named Heading 1.

Look in the code view to see which is the real H1, it will show as

h1 {
your definitions
}

The other one will start something like p.Heading1.

You need the H1 etc as your CSS must have the heading styles. Copy the definitions across if need be.

(Corrected)

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[jigneshashokshah]

Thanks Peter.

I don't see any other Heading styles. I only have .Heading1 in my stylesheet.

I just attached the stylesheet.

[Peter Grainge]

Look in the code of a topic. Do you see a second CSS specified or an inline CSS?

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[jigneshashokshah]

No, I don't see anything.

[Peter Grainge]

Can you share the project? If you can, then 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.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Peter Grainge]

I don't think it should show there but is there a master page linked to the topics.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[Amebr · Accepted solution]

The .Heading1 style in your stylesheet is not a heading style. It's a generic class selector that can be applied to any html tag you want. I doubt you'll be able to get rid of the proper h1-h3 styles as they are needed for properly structuring web content.

I personally would recommend changing the heading classes to proper tags so you can structure your content properly.

Instead of this:

.Heading1{
    font-family: "Open Sans";
    font-size: 280%;
    font-weight: bold;
	color: #0097BA;
}

Use this (don't worry, this will show up as "Heading 1" when selecting from your style list):

h1 {
    font-family: "Open Sans";
    font-size: 280%;
    font-weight: bold;
	color: #0097BA;
}

If you have already started using your styles you may need to go through and change your headings to the proper html tag. You can do this easily using shortcut keys. 

Ctrl+Alt+1 for Heading 1/h1

Ctrl+Alt+2 for Heading 2/h2

Ctrl+Alt+3 for Heading 3/h3.

(And Ctrl+Shift+n for normal/p)

*Edit to change "will" to "may", as what needs to happen depends on which html element the heading classes have been applied to

[Peter Grainge]

Doh, yes of course Heading1 is not a heading style. Thanks @Amebr for the catch.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[jigneshashokshah]

Great. Thanks @Peter Grainge  and @Amebr.

It worked.

Is it possible to get rid of these styles too somehow?

(none), Normal, breadcrumbs, Glossary Text, Default paragraph font

[Peter Grainge · Accepted solution]

Thanks for the project. What you are seeing is the styles in your CSS defined as Heading 1 etc plus the browser defaults, As @Amebr has picked up, Heading1 is not a heading in CSS terms.

In the code view of your CSS delete just the characters

.Heading1 (note the full stop)

and replace with

h1

Then in the style pod you will only see one set of headings with your definitions.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

[jigneshashokshah]

Great. Thanks @Peter Grainge  and @Amebr.

It worked.

Is it possible to get rid of these styles too somehow?

(none), Normal, breadcrumbs, Glossary Text, Default paragraph font

[Amebr]

The short answer is, no, if they are not in your stylesheet but still appear, then they are required behind the scenes for something.

More detail:

(none) - removes the class from the selected paragraph level element (heading, p).

Normal - this is your html p tag (body text). you should give this the style that you want most of your paragraph text to have. This way you don't need to apply a class to every paragraph, which is messy and not best practice.

breadcrumbs - this is a special RH style for the breadcrumbs which are added by the breadcrumbs placeholder, if you use it.

Glossary Text - this is the style used for the text displayed when you click a glossary hyperlink, if using

Default paragraph font - this one is a bit weird. It's a character class rather than a paragraph style so I think it applies to the span tag. So perhaps it's poorly named, perhaps as a legacy from when Robohelp was based on Word (about a million years ago).