MobileRead Forums - View Single Post

davidfor · 08-03-2013, 01:17 AM

Using the CSS that jackie_w posted, was added to the stylesheet OK. But, it didn't do what you wanted.

I think the problem is the CSS rules. A calibre conversion creates style rules like:

Code:

.calibre2 {
    color: maroon;
    display: block;
    font-size: 2em;
    font-weight: 100;
    line-height: 200%;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3em;
    text-align: center
    }

Each of these are used with a tag. And each is used with only one tag. Exactly which tag the number style is used with depends on the formatting of the book. As some of the styles are used with the body, some with a paragraph and some with other tags, using "body.calibre2" will not work if "calibre2" is only used with a paragraph. Or at least, that is my understanding of CSS. Inspecting the epub like you have and seeing the style crossed out, supports this.

Try:

Code:

body, p, .calibre, .calibre1, .calibre2, .calibre3, .calibre4, body.book, body.epub {
line-height: 1.0
}

The only question is how many ".calibreXX" styles to put in. I have seen over 30 after a conversion.

Its possible that "p.calibre1" should be used. That should mean overriding the line-height only when the .calibreXX is used in a paragraph tag.

08-03-2013, 01:17 AM	#165
davidfor Grand Sorcerer Posts: 24,907 Karma: 47303748 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	Using the CSS that jackie_w posted, was added to the stylesheet OK. But, it didn't do what you wanted. I think the problem is the CSS rules. A calibre conversion creates style rules like: Code: .calibre2 { color: maroon; display: block; font-size: 2em; font-weight: 100; line-height: 200%; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; margin-top: 3em; text-align: center } Each of these are used with a tag. And each is used with only one tag. Exactly which tag the number style is used with depends on the formatting of the book. As some of the styles are used with the body, some with a paragraph and some with other tags, using "body.calibre2" will not work if "calibre2" is only used with a paragraph. Or at least, that is my understanding of CSS. Inspecting the epub like you have and seeing the style crossed out, supports this. Try: Code: body, p, .calibre, .calibre1, .calibre2, .calibre3, .calibre4, body.book, body.epub { line-height: 1.0 } The only question is how many ".calibreXX" styles to put in. I have seen over 30 after a conversion. Its possible that "p.calibre1" should be used. That should mean overriding the line-height only when the .calibreXX is used in a paragraph tag.