I have created my own epub version of "The Book of Tea" and am having troubles with chapter headings. What I intend is the chapter number (in Roman numerals) followed by its text and a period (e.g. II. The Schools of Tea.) over-top of a decorative underline (a GIF file).
The textual parts view fine in Sigil, ADE and Calibre and on my Kobo reader. The underline is present
except on the Kobo.
The CSS for the header is:
Code:
#content h3 {
text-transform: uppercase;
text-align: center;
margin: 1.5em 0 1.5em 0;
font-size: 1.8em;
line-height: 1.5em;
letter-spacing: .1em;
padding-bottom: 0.75em; /* space between text and image */
background: url('../Images/underline.gif') no-repeat bottom center;
}
#content h3:after {
content: "."
}
and the epub file is attached.
I have searched and can find no exceptions to epub specs saying that the background: url... doesn't work on Kobo.
For those who might be willing to help:
1) does the underline display on other devices?
2) any thoughts about how to get the Kobo to display the underline?
3) or...?
Thanks,
Steven