Faded html toc

[flyfisher33]

W7, ID CS6, DW CS6
When I convert an ePub created in ID CS6 to Kindle using Kindlegen the toc is very faded (light blue). I reworked the CSS in DW to increase the font weight to bold. This helped a little but the resulting mobi file is still unpleasantly light regardless of the fact that the ePub is now unpleasantly heavy. Do I just have to live with this or has someone found a fix?

Paul

[eschwartz]

Open the ebook in calibre's Edit Book or Sigil.

Find the CSS that is affecting the ToC specifically, and tell it to render links as black instead of the default.

E-Ink ereaders will show it as black regardless (and I suspect tablet readers are used to it).

[flyfisher33]

Hi, I tried that. The code and css show the color as black but that's not what's happening. I redefined the css styles which let me "bold" the font but, even though the color is black, I still get light blue text on output. It's maddening.

Forgot to add the code:
<p class="toc-1"><a href="Acknowledgements_CS6.xhtml#toc_marker-1">Acknowledgments</a></p>
p.toc-1 {
color: #000000;
font-family: "Chaparral Pro", serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 1.2;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
text-align: left;
text-decoration: none;
text-indent: 0px;
}

[eschwartz]

Aside for all thse totally unnecessary lines overriding the default values with... the default values...

Where are you testing this? IIRC Adobe Digital Editions for example arbitrarily overrides the look of links (but it should work elsewhere, for a given value of "elsewhere"), also what is the style for a { ... } ?

Both Sigil and calibre allow you to see what CSS affects an element, using the webkit Inspector. calibre also has the Live CSS tool.
Where is the change introduced?

[DiapDealer]

/* unvisited link */
a:link {
color: #000000;
}

/* visited link */
a:visited {
color: #000000;
}

[flyfisher33]

Great! That got me 90% of the way. Now, how do I restrict this to the toc only and not all the links in the book?
Instant redux--too quick on the trigger! It didn't affect the other documents. Many thanks.
Paul

Originally Posted by DiapDealer

/* unvisited link */
a:link {
color: #000000;
}

/* visited link */
a:visited {
color: #000000;
}

[dgatwood]

Originally Posted by flyfisher33

Great! That got me 90% of the way. Now, how do I restrict this to the toc only and not all the links in the book?
Instant redux--too quick on the trigger! It didn't affect the other documents. Many thanks.
Paul

.toc-1 a:visited,
.toc-1 a:hover,
.toc-1 a:link,
.toc-1 a:active {
color: #000000;
}

You probably don't have to set hover and active on most readers, but it doesn't hurt to be complete.