How to create black hyperlink font colour?

Bas · 01-30-2012, 08:04 AM

In my epub I'v created a lot of hyperlinks to web sites plus contents links to various sections and would like to make the fonts black rather than the light blue they appear. I can't see any reference to colours in any of the sections? Wonder if anyone can help?

Hellmark · 01-30-2012, 08:23 AM

You have to use CSS to change the color of text and links.

Here's a good site with pointers on how to do that.

Keroberos · 01-30-2012, 08:24 AM

You can add this line to your css,

Code:

a {color: #000000; }

This will make all links in the book black.

+1 for the w3 school, been a very helpfull resource for me. Just remember that not everything there will work in epub. The current epub spec only uses css version 2, whereas css is up to version 3.

Bas · 01-30-2012, 10:15 AM

Many thanks all - will fiddle

Jellby · 01-30-2012, 03:22 PM

a { color: inherit; } should make links the same colour as the surrounding text (or parent element), whatever that is.

EmriPamundur · 07-17-2013, 06:46 PM

I have tried this:

a:link { color: #006600;}
a:hover { color: #666600;}
a:visited { color: #996633;}

but the links still show up as bright blue.

I tried

a { color: #006600;}

which equally had no effect.

Any ideas?

DaleDe · 07-17-2013, 09:10 PM

Quote:

Originally Posted by EmriPamundur

I have tried this:

a:link { color: #006600;}
a:hover { color: #666600;}
a:visited { color: #996633;}

but the links still show up as bright blue.

I tried

a { color: #006600;}

which equally had no effect.

Any ideas?

None of this is supported on ePub books. This is browser stuff.

Dale

Jellby · 07-18-2013, 03:10 AM

Quote:

Originally Posted by EmriPamundur

I tried

a { color: #006600;}

which equally had no effect.

Where? I mean, which reader did you try that shows blue links?

EmriPamundur · 07-18-2013, 10:48 AM

Quote:

Originally Posted by DaleDe

None of this is supported on ePub books. This is browser stuff.

Dale, so you're saying all the above answers are not valid for changing the color of a link in an epub file, OP's original question?

EmriPamundur · 07-18-2013, 10:49 AM

Quote:

Originally Posted by Jellby

Where? I mean, which reader did you try that shows blue links?

I was seeing them in Sigil. On Apple Reader and Kindle Fire they are a much more agreeable shade of blue.

dwig · 07-18-2013, 11:29 AM

Quote:

Originally Posted by EmriPamundur

I was seeing them in Sigil. On Apple Reader and Kindle Fire they are a much more agreeable shade of blue.

One thing to keep in mind is that there is absolutely nothing that you can do in the coding of an ePub that forces the reader software to display anything in a particular color or shade of grey.

At the very most, your coding instructions are merely a polite request that such be done. Many reading apps will comply with such requests, provided they are coded properly, but some apps will ignore them.

Jellby · 07-18-2013, 11:31 AM

Do the links have some class attached? Are there any other "color" instances in the CSS?

Hitch · 07-18-2013, 06:35 PM

Quote:

Originally Posted by Bas

In my epub I'v created a lot of hyperlinks to web sites plus contents links to various sections and would like to make the fonts black rather than the light blue they appear. I can't see any reference to colours in any of the sections? Wonder if anyone can help?

Um...I'd like to gently remind the poster that many, many readers offer "night mode," which switches the font to white on a black background. If you set the font-color to black, it will not switch, and will be invisible. Need to strongly recommend against this idea.

Hitch

GrannyGrump · 07-19-2013, 03:07 AM

I've always felt that color: inherit gives better results if you insist on non-blue links. Although, then the underline is the only clue for the user.

Turtle91 · 07-19-2013, 04:10 AM

Quote:

Originally Posted by grannyGrumpy

I've always felt that color: inherit gives better results if you insist on non-blue links. Although, then the underline is the only clue for the user.

I agree...except that I usually get rid of the underline too! Lol

I figure the "www" and the ".org/com" is a pretty big clue for today's savvy readers. Plus, I don't want to rub the noses of those users of older devices in the fact that there is a link in their ePub that they can't use!

01-30-2012, 08:04 AM	#1
Bas Enthusiast Posts: 24 Karma: 464 Join Date: Dec 2011 Device: none	How to create black hyperlink font colour? In my epub I'v created a lot of hyperlinks to web sites plus contents links to various sections and would like to make the fonts black rather than the light blue they appear. I can't see any reference to colours in any of the sections? Wonder if anyone can help?

01-30-2012, 08:24 AM	#3
Keroberos Zealot Posts: 128 Karma: 238654 Join Date: Aug 2009 Device: Kobo Mini (4GB), Nook Classic wi-fi, iPod Touch (Bluefire Reader)	Change the Color of Text You can add this line to your css, Code: a {color: #000000; } This will make all links in the book black. +1 for the w3 school, been a very helpfull resource for me. Just remember that not everything there will work in epub. The current epub spec only uses css version 2, whereas css is up to version 3. Last edited by Keroberos; 01-30-2012 at 09:05 AM. Reason: Added comment about w3 school.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Re Entering Title in Bold or Bold And Colour Font	pricespringer	Library Management	1	05-09-2011 04:45 AM
PRS-950 does the 950 come in black colour?	FinancialWar	Sony Reader	7	04-13-2011 09:25 AM
Pandigital Novel Black colour ereader Canada	Excaliber51	More E-Book Readers	1	01-07-2011 02:05 AM
Page Black Font White	lcbannon	Calibre	4	11-27-2009 10:45 AM
Grey, not black, font colour in eBook: how to fix?	giacecco	Sony Reader	2	01-04-2009 08:09 AM

01-30-2012, 08:23 AM	#2
Hellmark Wizard Posts: 2,591 Karma: 4290425 Join Date: Jun 2009 Location: Foristell, Missouri, USA Device: Nokia N800, PRS-505, Nook STR Glowlight, Kindle 3, Kobo Libra 2	You have to use CSS to change the color of text and links. Here's a good site with pointers on how to do that.

01-30-2012, 10:15 AM	#4
Bas Enthusiast Posts: 24 Karma: 464 Join Date: Dec 2011 Device: none	Many thanks all - will fiddle

01-30-2012, 03:22 PM	#5
Jellby frumious Bandersnatch Posts: 7,543 Karma: 19001583 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	a { color: inherit; } should make links the same colour as the surrounding text (or parent element), whatever that is.

07-17-2013, 06:46 PM	#6
EmriPamundur Junior Member Posts: 5 Karma: 10 Join Date: Jul 2013 Device: none	I have tried this: a:link { color: #006600;} a:hover { color: #666600;} a:visited { color: #996633;} but the links still show up as bright blue. I tried a { color: #006600;} which equally had no effect. Any ideas?

07-18-2013, 11:31 AM	#12
Jellby frumious Bandersnatch Posts: 7,543 Karma: 19001583 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Do the links have some class attached? Are there any other "color" instances in the CSS?

07-19-2013, 03:07 AM	#14
GrannyGrump Obsessively Dedicated... Posts: 3,202 Karma: 34984330 Join Date: May 2011 Location: JAPAN (US expatriate) Device: Sony PRS-T2, ADE on PC	I've always felt that color: inherit gives better results if you insist on non-blue links. Although, then the underline is the only clue for the user.

Advert

Advert