Quantcast
Channel: MobileRead Forums - Kobo Reader
Viewing all articles
Browse latest Browse all 11163

CSS solution for words cut-off in kepub full screen reading

$
0
0
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.:D

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 or unchanged. Then you can do the conversation.

Attached Thumbnails
Click image for larger version

Name:	screen141213-204129.png
Views:	N/A
Size:	174.9 KB
ID:	132406   Click image for larger version

Name:	screen141213-204150.png
Views:	N/A
Size:	175.2 KB
ID:	132407  

Viewing all articles
Browse latest Browse all 11163

Trending Articles