View Single Post
Old 03-17-2022, 07:47 PM   #2
jackie_w
Grand Sorcerer
jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.
 
Posts: 6,252
Karma: 16544692
Join Date: Sep 2009
Location: UK
Device: ClaraHD, Forma, Libra2, Clara2E, LibraCol, PBTouchHD3
Quote:
Originally Posted by Karellen View Post
I recently discovered that font-variant: small-caps; does not work in epubs used in Kobo Libra2

Now I have also noticed that quotes are a bit temperamental.

For example, when a character reads a printed document verbatim, it is usually displayed with wider margins, and maybe italicized. I tried replicating this with the following using <p class="quote"></p>
Spoiler:
.quote {
display: block;
font-size: 0.9em;
font-style: normal;
font-family: inherit;
padding-left: 50px;
padding-right: 50px;
padding-top: inherit;
padding-bottom: 0.1em;
text-indent: 0;
}


But the Libra2 completely ignored that and the quoted text just looked like the rest of the page.

The Libra2 expects <blockquote></blockquote>, then it displayed as quoted text.
It may be because you've specified the left/right increased margins as 50px, i.e absolute units. Try using em units instead, e.g. this is what I use:
Code:
  
  margin-left: 2em;
  margin-right: 2em;
but use whatever works for you.

I think a <blockquote> has default increased left/right margins even if you don't include any explicit CSS for it.
jackie_w is offline   Reply With Quote