View Single Post
Old 08-11-2012, 01:55 PM   #1
msmith65
Enthusiast
msmith65 began at the beginning.
 
msmith65's Avatar
 
Posts: 31
Karma: 10
Join Date: Aug 2012
Device: Kindle
H1, H2, H3 Color Not Showing Up

I have a pretty good-looking book set up in Sigil, with one exception: The author's desire for the headings to appear in a different color isn't translating in the code I've set up.

Here's one of the headings that isn't showing up in color:

<h1 id="heading_id_2">Table of Contents</h1>
<h1 class="style1" id="heading_id_4">How This Book Came to Be</h1>

And here's the relevant portion of the CSS:

h1 .style1 {font-family:"Bookman Old Style";text-align:left;color:rgb(50, 158, 255;}
h2 .style1 {font-family:"Bookman Old Style";text-align:left;color:rgb(50, 158, 255;}
h3 .style1 {font-family:"Bookman Old Style";text-align:left;color:rgb(50, 158, 255;}

(I tried that with and without the ".style1" and with hex code instead of RGB; no difference. There is only one heading style in use in this document.)

I was (inadvertently) successfull with one <span> tag that appeared in the HTML file, and I think it came over with the file from editing in Sharepoint. Anyway, I deleted the <span> tag because I figured there had to be an easier way to color all the headings.

Ideas?
msmith65 is offline   Reply With Quote