View Single Post
Old 08-03-2013, 08:07 PM   #40
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 46,718
Karma: 169712580
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by tartanpion View Post
It does not work. Or i make a mistake somewhere...
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
Attached Thumbnails
Click image for larger version

Name:	without_css.png
Views:	533
Size:	243.9 KB
ID:	108879   Click image for larger version

Name:	with_css.png
Views:	541
Size:	160.6 KB
ID:	108880  

Last edited by DNSB; 08-03-2013 at 08:18 PM.
DNSB is offline   Reply With Quote