Skip to main content
deborahsauer
Inspiring
Mar 16, 2015 6:34 PM UTC
Answered

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

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 is closed to new replies. Start a new post to keep the conversation going.
deborahsauer
deborahsauerCorrect answer
Inspiring
Mar 18, 2015 3:01 PM UTC

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;

}

5 replies

deborahsauer
deborahsauerAuthorCorrect answer
Inspiring
Mar 18, 2015 3:01 PM UTC

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;

}

Translate
Jeff_Coatsworth
Community Expert
Community Expert
Mar 18, 2015 3:05 PM UTC

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…

Translate
deborahsauer
Inspiring
Mar 18, 2015 3:19 PM UTC

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.

Translate