Skip to main content
deborahsauer
Inspiring
March 16, 2015
Answered

Can you change the color of the links in FM HTML5 Output?

  • March 16, 2015
  • 1 reply
  • 909 views

I edited the style mapping in FM and it didn't work. I edited every CSS I can find in the output folders and subfolders (by opening in Notepad). The links are all still blue. Any ideas?

This topic has been closed for replies.
Correct answer deborahsauer

I figured out how to do it. My FM book has four chapters. My hypertext links and cross references are formatted with a character style named link. When creating the HTML5 output, FM made a folder for each chapter containing (among other things) a css file for the chapter. I added the the span and the link definition see below) to the css for each chapter (adding it to main.css or jqueryui-custom.css did not work). I'm happy that it works, but it means that I need to add it to the css after generating the HTML5 output (FM overwrites the css files every time you generate the output). If anyone has a better idea, I'd love to hear it!

span.FM_link {

        font-style:      italic;

        font-weight:     bold;

    color: #4c4c4c;

        text-decoration :  none  ;

        letter-spacing:  -0.03em;

}

A:link {

    color: #000000;

    text-decoration: underline;

}

A:visited {

    color: #3a3a3a;

    text-decoration: underline;

}

A:hover {

    color: #000000;

}

A:active {

    color: #000000;

    text-decoration: underline;

}

1 reply

deborahsauer
deborahsauerAuthorCorrect answer
Inspiring
March 18, 2015

I figured out how to do it. My FM book has four chapters. My hypertext links and cross references are formatted with a character style named link. When creating the HTML5 output, FM made a folder for each chapter containing (among other things) a css file for the chapter. I added the the span and the link definition see below) to the css for each chapter (adding it to main.css or jqueryui-custom.css did not work). I'm happy that it works, but it means that I need to add it to the css after generating the HTML5 output (FM overwrites the css files every time you generate the output). If anyone has a better idea, I'd love to hear it!

span.FM_link {

        font-style:      italic;

        font-weight:     bold;

    color: #4c4c4c;

        text-decoration :  none  ;

        letter-spacing:  -0.03em;

}

A:link {

    color: #000000;

    text-decoration: underline;

}

A:visited {

    color: #3a3a3a;

    text-decoration: underline;

}

A:hover {

    color: #000000;

}

A:active {

    color: #000000;

    text-decoration: underline;

}

Jeff_Coatsworth
Community Expert
Community Expert
March 18, 2015

Can’t speak to the direct Publish feature in FM, but in the TCS route, you can tell RH to apply a css to all topics at one time when the help output is created. Saves having to mess with all the individual css’s that are created for each topic. Maybe that feature is hiding somewhere in the Publish innards…

deborahsauer
Inspiring
March 18, 2015

I currently single source my content by importing it from FM to RH and outputting webhelp. I've got one css that is applied to all topics in RH. I'd like to move to HTML5 output, and since my content is in FM, I'd like to publish it directly from there. If I could avoid editing all those css files, that would be great.