Skip to main content
Known Participant
July 8, 2025
Answered

Frameless output appends new classes to every CSS selector

  • July 8, 2025
  • 4 replies
  • 321 views

RoboHelp is appending a class to every single selector in my CSS:

.RH-LAYOUT-CENTERPANEL-topic-box

I don't want it to edit my CSS files, they are all scoped correctly to the output, can I disable this behaviour?

    Correct answer Peter Grainge

    No no no. Do your editing of the template in the template editor. If there is something that cannot be edited there, create a CSS for just those styles and add it to User Assets.

    ________________________________________________________

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

     

    4 replies

    Peter Grainge
    Community Expert
    Peter GraingeCommunity ExpertCorrect answer
    Community Expert
    July 9, 2025

    No no no. Do your editing of the template in the template editor. If there is something that cannot be edited there, create a CSS for just those styles and add it to User Assets.

    ________________________________________________________

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

     

    Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Peter Grainge
    Community Expert
    Community Expert
    July 8, 2025

    styles.css is the only css defined in the topic header correct?

     

    If it is, why have you defined a contents panel as that is something for the template css?

    ________________________________________________________

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

     

    Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    ajf86Author
    Known Participant
    July 9, 2025

    Old Flare habits die hard I suppose. You can't access the CSS files for skins/templates in Flare until after the build and the properties you can change through the UI are limited. I'll try moving the rule to the template CSS, but RoboHelp adding these class names is still confusing.

    Peter Grainge
    Community Expert
    Community Expert
    July 8, 2025

    That looks more like something I would expect to see in layout.css in the template folder in the output rather than your CSS in the Assets folder that contains the CSS applied to your topics.

     

    That is not a style that should be in the CSS applied to your topics.

     

    There's something more to this than meets the eye. 

    ________________________________________________________

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

     

    Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    ajf86Author
    Known Participant
    July 8, 2025

    Here is an example selector from my styles.css file located in assets/css

     

    This file is referenced from the <head> of each topic (and also from the topic layout which is probably overkill but I don't see why it would cause any issues).

     

     

     

     

     

    This is the same file in my browser's inspect tool after the output is generated:

     

    Jeff_Coatsworth
    Community Expert
    Community Expert
    July 8, 2025

    Maybe? I don't even know what that does. Is it having any impact on anything in your output?

    ajf86Author
    Known Participant
    July 8, 2025

    Yeah, unfortunately I was going to use a little CSS hack I bought over from Flare that allows me to decorate search results based on the page they point to, but because this new class that relates to topic pages only is appended to the selector, none of my CSS rules work on search results. I assume this is somewhat intentional, but if it is, it's misguided.

    Jeff_Coatsworth
    Community Expert
    Community Expert
    July 8, 2025

    Touch base with the RH folks & see what they think - see https://helpx.adobe.com/contact/enterprise-support.other.html#robohelp for your Adobe Support options. I'd recommend using the tcssup@adobe.com e-mail address as it reaches a team dedicated to Technical Communication Suite products including RoboHelp.