Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


RH2017 - Applying styles to snippet

Explorer ,
Oct 22, 2018 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?

TOPICS
HTML5 layout

Views

302

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
community guidelines

correct answers 1 Correct answer

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

Likes

Translate

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

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

Copy link to clipboard

Copied

LATEST

@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

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
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp