RH2017 - Applying styles to snippet

Explorer ,
Oct 22, 2018

Copy link to clipboard

Copied

I have around 50 snippets with few lines of text in it. As part of the branding, we are changing the font style and size. How can I define a style and apply to all snippets?

When I edit a snippet and define a style it gets applied to only the selected snippet. I want to apply it to all.

I am not able to apply a style defined in the master page to the snippet. Any pointers?

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

Whilst you can apply a CSS to a snippet, if the topic CSS and the snippet CSS both have the same style names, topic CSS wins. So if the P tag is 10pt Verdana in topic CSS and in snippet it is 11pt Times, in the output both will be 10pt Verdana. The trick is to use classes such as p.snippet and use unique names.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

TOPICS
HTML5 layout

Views

252

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

RH2017 - Applying styles to snippet

Explorer ,
Oct 22, 2018

Copy link to clipboard

Copied

I have around 50 snippets with few lines of text in it. As part of the branding, we are changing the font style and size. How can I define a style and apply to all snippets?

When I edit a snippet and define a style it gets applied to only the selected snippet. I want to apply it to all.

I am not able to apply a style defined in the master page to the snippet. Any pointers?

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

Whilst you can apply a CSS to a snippet, if the topic CSS and the snippet CSS both have the same style names, topic CSS wins. So if the P tag is 10pt Verdana in topic CSS and in snippet it is 11pt Times, in the output both will be 10pt Verdana. The trick is to use classes such as p.snippet and use unique names.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

TOPICS
HTML5 layout

Views

253

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 22, 2018 0
Adobe Community Professional ,
Oct 22, 2018

Copy link to clipboard

Copied

You can apply a stylesheet to a snippet using the Properties dialog box. Then you can select styles as normal.

Do note that if you are changing the font style and size in  your regular stylesheet, then the snippets will get those automatically in the output. For example, if you change your Normal style to be Arial Black 15pt, then any plain paragraphs in your snippets will display display in Arial Black 15pt in the output.

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 22, 2018 0
Adobe Community Professional ,
Oct 25, 2018

Copy link to clipboard

Copied

Whilst you can apply a CSS to a snippet, if the topic CSS and the snippet CSS both have the same style names, topic CSS wins. So if the P tag is 10pt Verdana in topic CSS and in snippet it is 11pt Times, in the output both will be 10pt Verdana. The trick is to use classes such as p.snippet and use unique names.


See www.grainge.org for free 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 25, 2018 0
Adobe Community Professional ,
Oct 25, 2018

Copy link to clipboard

Copied

I made the assumption that the standard topic css would be applied. I wouldn't recommend a separate css for the snippets.

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 25, 2018 0
Adobe Community Professional ,
Oct 27, 2018

Copy link to clipboard

Copied

@Amebr Generally neither would I as the idea is that the snippet morphs to the CSS used in each topic and they could be different. I just wanted to explain what would happen if you applied a CSS expecting that to override the topic CSS, which it will not.


See www.grainge.org for free 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 27, 2018 0