View Single Post
Old 12-13-2014, 07:52 AM   #1
scoky
Connoisseur
scoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy bluescoky can differentiate black from dark navy blue
 
Posts: 62
Karma: 13112
Join Date: Feb 2013
Device: Kindle Paperwhite; KOBO AURA HD
[not perfect]CSS solution for words cut-off in kepub full screen reading

Hi guys, I find if the margin of whole text (body) in CSS is set to 0 like this:
Code:
margin: 0 0 0 0
we can get a correct full screen reading without words cut-off.

To modify CSS, the body code section must be known, like this:
Code:
<body class="calibre">
          </body>
so the margin setting will be added to "calibre" section in CSS like this:
Code:
.calibre {
    display: block;
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
    margin: 0 0 0 0
    }
and we get the correct display of full screen reading for kepub.

this can be done when kepub is converted by Calibre. it needs to change output setting to prevent Calibre add itself margin. The setting is in Page Setup and you need to set the four margins to zero. Then you can do the conversation.

"f" and "j" issues have been solvedin post #13
Attached Thumbnails
Click image for larger version

Name:	Unmodified.png
Views:	935
Size:	174.9 KB
ID:	132438   Click image for larger version

Name:	Modified.png
Views:	886
Size:	175.2 KB
ID:	132439  

Last edited by scoky; 12-14-2014 at 07:04 AM. Reason: "f" and "j" issues have been solvedin post #13
scoky is offline   Reply With Quote