View Single Post
Old 08-15-2012, 05:24 PM   #13
Genarch
Junior Member
Genarch began at the beginning.
 
Posts: 5
Karma: 12
Join Date: May 2011
Device: Pandigital Novel
Quote:
Originally Posted by msmith65 View Post
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?
Remove the space between h1 and .style1 in the CSS
Genarch is offline   Reply With Quote