View Single Post
Old 08-04-2013, 08:49 AM   #41
Ken Maltby
Wizard
Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.Ken Maltby ought to be getting tired of karma fortunes by now.
 
Ken Maltby's Avatar
 
Posts: 4,466
Karma: 6900052
Join Date: Dec 2009
Location: The Heart of Texas
Device: Boox Note2, AuraHD, PDA,
Quote:
Originally Posted by DNSB View Post
Here's what I've tried as a kepub-book.css. My main wants were to have the font size when I open a .kepub to be closer to the font size when I open a .epub and to reduce the left/right margins. From the Kobo GUI, the line height and margin sliders are fully to the left, the font size slider is in the middle.

Code:
body {
   -webkit-hyphens: auto !important;
   font-size: 150%!important;
   line-height: 1.0 !important;
   widows:  0 !important;
   orphans:  0 !important;
   margins: 5pt !important;
   padding-bottom: 0 !important;
   }
div {
   font-size: 1em !important;
   line-height: 1.0; !important;
   margin-bottom: 0.2em !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   margin-top: 0 !important;
   text-align: left !important;
   text-indent: 4% !important;
   widows:  0 !important;
   orphans:  0 !important;
   padding-bottom: 0 !important;
   }
p {
   font-size: 1em !important;
   line-height: 1.0; !important;
   margin-bottom: 0.2em !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   margin-top: 0 !important;
   text-align: left !important;
   text-indent: 4% !important;
   widows:  0 !important;
   orphans:  0 !important;
   padding-bottom: 0 !important;
   }
I've attached screenshots of what the ebook looks like with and without the custom css. Items such as the chapter headers moving to the left as the text-align left directive is applied to them. It appears this ebooks uses a lot of <div> tags instead of <p> tags.

Regards,
David
I can understand that you might want the 150% font size, but it might make for a better comparison if you had left that out, it kinda overwhelms the comparing of the rest of the alterations.

Luck;
Ken
Ken Maltby is offline   Reply With Quote