Skip to main content
Known Participant
September 29, 2021
Answered

RH 2020 - Edit css outside RH

  • September 29, 2021
  • 10 replies
  • 385 views

I apologize if this has already been discussed here, but I can't find any similar posts.

If I edit a .css file outside of RH, will it still be editable in RH in the future? I thought I had read somewhere, or possibly heard in a training session, that if you edit a .css with some other tool, you can't edit it in RH going forward. Is that true, or did I misunderstand something?

We are just beginning the process of upgrading to RH 2020 and will be moving from the Indigo layout to Frameless, so I anticipate we will need to make some changes to our current stylesheet. I know almost nothing about .css but we do have a front end developer on our team. She doesn't have RH (and it doesn't seem worthwhile to get it for her just to edit the .css), so I'm just trying to understand what our process should be. 

    This topic has been closed for replies.
    Correct answer Jeff_Coatsworth

    CSS files are just text files, so no restrictions on what you use to edit them (as long as they remain as text & not binary files like Word or Framemaker, etc.)

    10 replies

    Peter Grainge
    Community Expert
    Community Expert
    September 30, 2021

    Simple suggestion, before editing the CSS either way, create a duplicate of it. Just right click the CSS to do so.

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Known Participant
    September 30, 2021

    So this is not for the faint of heart. Noted. 🙂

     

    I don't anticipate that we would be making extensive changes to the .css. I can do limited editing on my own, but when I look at the plethora of options that are now available within RH, I am a bit intimidated. 

     

    My question was really just to try to understand the process of how we would work together on this with our front-end developer, since she does not know RH and the learning curve doesn't seem worth it, given all her other responsibilities.

     

    Thanks to all for chiming in!

    Peter Grainge
    Community Expert
    Community Expert
    September 30, 2021

    You pays your money and you takes your choice. 🙂

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Community Expert
    September 30, 2021

    The one caveat to editing outside RH is that some of the perfectly valid CSS constructs can't be viewed or modified properly in the RH editor.

     

    For example, a[href^='http']:after shows up as a in the editor.

     

    And div.sidebar p shows up as p in the editor.

     

    On the plus side, for these examples you can edit the properties in the editor, it's just not easy to determine which p or a you need to edit. 🙂

     

     

    Peter Grainge
    Community Expert
    Community Expert
    September 29, 2021

    I didn't mean you can't use a text editor, rather that the coding can get very complex, particularly for lists, so it is not a way of editing that I would recommend or that should be undertaken lightly.

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Jeff_Coatsworth
    Community Expert
    Community Expert
    September 29, 2021

    I just had a look @Peter Grainge - they all appear to be regular text CSS files to me in that sample project - being complicated is a separate issue from what tool you require to edit them in. Any old Notepad works just fine.

    Community Manager
    September 30, 2021

    Let's be a little bit careful about "any old Notepad". It should not be too old and at least be able to deal with Unicode encoded text files (especially if you want to keep it in UTF-8 with BOM) 😉

    Known Participant
    September 29, 2021

    Well, as I said, I know next to nothing about .css, but our front-end developer does, so let's hope she's up for a challenge.

    Peter Grainge
    Community Expert
    Community Expert
    September 29, 2021

    Sorry to contradict Jeff but the way the styles get written now is much more complex than ever before. Take look at your CSS and the one in the About RoboHelp sample project and you will see what I mean. Go ahead if you can write or edit that level of coding. ☺️

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Known Participant
    September 29, 2021

    Thanks Jeff, that's good to know! I wonder what it was I thought I heard 🙂

    Jeff_Coatsworth
    Community Expert
    Jeff_CoatsworthCommunity ExpertCorrect answer
    Community Expert
    September 29, 2021

    CSS files are just text files, so no restrictions on what you use to edit them (as long as they remain as text & not binary files like Word or Framemaker, etc.)