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

[deborahsauer]

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?

[deborahsauer · Accepted solution]

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]

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]

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.

[Matt-Tech Comm Tools]

Hi Deborah, you can make that change permanent if you map your paragraph style to a CSS style (instead of Use Source Style) via the Publish > Edit > Style Mapping option.

After that, you can use the CSS you created in the base CSS and it'll follow through each time you publish.

-Matt

[Deb Sauer]

Thanks @Matt-Tech Comm Tools ! I appreciate the info!