: Need a Workaround for CSS Overrides I'm working on an epub in Sigil. Things are going pretty good, but I'm puzzled by some kind of CSS bug. For example, I want all the fonts in the table

@Candy

Posted in BooksNovelsPlot BookClubs

Vote Up Vote Down   0 Reactions

Login to give Reaction!

I'm working on an epub in Sigil. Things are going pretty good, but I'm puzzled by some kind of CSS bug.

For example, I want all the fonts in the table of contents section to be sans-serif. So I put the following rule in the style sheet attached to that page:

body { font-family: sans-serif; }

But font inside certain elements was still serif.

So I added some inline styles, but that didn't work. So I gave some of these elements classes, then changed the style sheet to this:

body, div.Plants { font-family sans-serif; }

That works better...but it still doesn't work on elements inside elements. For example...

<div class="Plants">This is a <span>nested element</span>.</div>

When I preview my epub, the text inside the span displays with a serif font. I can't fix it with inline fonts or by adding the span to my style sheet.

Is there some sort of secret to making style sheets communicate with pages in epubs?

Free books android app tbrJar TBR JAR Read Free books online gutenberg

(0)

Login to post a comment!