10-09-2019, 02:14 PM | #1 |
Junior Member
Posts: 7
Karma: 10
Join Date: Oct 2019
Device: Kobo Glo
|
Serious Trouble with the Book Viewer through the Use of CSS
Hello guys, I’ve got in real trouble while using a very primitive CSS in viewer:
Code:
body { color: rgb(0,0,0) !important; background-color: rgb(228,226,224) !important; line-height: 1 !important; text-indent: 2em !important; text-align: justify !important; margin-top: 0px !important; margin-bottom: 4px !important; margin-right: 10px !important; margin-left: 50px !important; font-family: Bookman Old Style !important; font-size: 19px !important; } The lines related to the right and the bottom margins, as well as to text indent, make no difference to the book view. I’ve been trying to resolve this problem for a couple of days already and I haven’t found any similar problem through the web, so I am setting all my hopes for your help guys! |
10-09-2019, 02:33 PM | #2 | |
Not Quite Dead
Posts: 194
Karma: 654170
Join Date: Jul 2015
Device: Paperwhite 4; Galaxy Tab
|
Quote:
You mention "viewer." Are you referring to the latest Calibre viewer, or a previous version or another reading device? The screenshot actually looks much like the result I get when I insert large negative margins attached to the HTML root tag and view in the Calibre viewer. Calibre gags but the negative margins are meant for ultimate viewing in the Kindle Paperwhite so it is not really a problem. Last edited by Brett Merkey; 10-09-2019 at 02:41 PM. |
|
Advert | |
|
10-09-2019, 02:42 PM | #3 | |
Resident Curmudgeon
Posts: 73,970
Karma: 128903378
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
10-09-2019, 03:59 PM | #4 |
Junior Member
Posts: 7
Karma: 10
Join Date: Oct 2019
Device: Kobo Glo
|
Brett Merkey, the problem appears with any book (.epub, .fb2) I open with E-book Viewer of Calibre 4.1. Even more: I've just tried to open books with laptop (I use PC preferably) and I get the same result! I'm totally new to Calibre, so I used the CSS samples from the forum and tried to not interfere much with the program's perfomance.
Maybe I should somehow convert the book in order to properly view it? Or could it be my OS that does the trick? I use Win10 with russian interface, so maybe I should try to switch to english version? I don't know, nothing makes sense to my burning brain anymore... |
10-09-2019, 04:06 PM | #5 | |
Not Quite Dead
Posts: 194
Karma: 654170
Join Date: Jul 2015
Device: Paperwhite 4; Galaxy Tab
|
Quote:
Last edited by Brett Merkey; 10-09-2019 at 04:19 PM. |
|
Advert | |
|
10-09-2019, 05:08 PM | #6 |
Junior Member
Posts: 7
Karma: 10
Join Date: Oct 2019
Device: Kobo Glo
|
Brett Merkey, yes, the books look fine on my Kobo.
The switch to English interface of Windows doesn't help either. Oh God, is it going to be the fifth ebook reader for PC that doesn't meet my demands?.. Pff, I really like the application and I almost made my choice... there's gotta be a simple solution to this, some kind of one-click operation... |
10-09-2019, 05:46 PM | #7 | |
Resident Curmudgeon
Posts: 73,970
Karma: 128903378
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
10-09-2019, 06:12 PM | #8 | |
Junior Member
Posts: 7
Karma: 10
Join Date: Oct 2019
Device: Kobo Glo
|
Quote:
It looks like some kind of software compatibility issue (first I thought it could be about hardware - huge size monitor) since the problem is so... rare?.. I would say, and nonetheless appears at both devices I use. |
|
10-09-2019, 06:17 PM | #9 | |
Not Quite Dead
Posts: 194
Karma: 654170
Join Date: Jul 2015
Device: Paperwhite 4; Galaxy Tab
|
Quote:
Preferences -> Look and Feel -> Main Interface -> Adjust for high resolution screens Last edited by Brett Merkey; 10-09-2019 at 06:23 PM. |
|
10-09-2019, 07:02 PM | #10 | |
Junior Member
Posts: 7
Karma: 10
Join Date: Oct 2019
Device: Kobo Glo
|
Quote:
I've just noticed that I can't scroll FORWARD with the mouse wheel through the end of every html split. But I CAN scroll with the scroll bar anywhere! And I can scroll BACKWARDS with the mouse wheel through any split of the text. This limitation is quite strange. Last edited by Imperative; 10-09-2019 at 07:04 PM. Reason: correcting post |
|
10-09-2019, 07:31 PM | #11 | |
Well trained by Cats
Posts: 29,800
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
|
|
10-09-2019, 08:25 PM | #12 |
creator of calibre
Posts: 43,857
Karma: 22666666
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
You dont set margins on body, you set margins in the viewer settings. Similaraly you dont set colors on body you set it in the viewer settings. Similarly setting text-indent and text-align on body is fairly useless since they will almost certainly be overridden by styles for p for div tags.
And you haven't told us what version of calibre this is. |
10-09-2019, 09:23 PM | #13 | |
Junior Member
Posts: 7
Karma: 10
Join Date: Oct 2019
Device: Kobo Glo
|
Quote:
Being very new here I honestly have no clue about what p and div tags stand for... I am at a loss actually, I know the program is beautifully designed and works properly, but I can't get what's wrong with my whole setting. I think tomorrow I am going to try to make it work on another laptop(s). |
|
10-09-2019, 09:50 PM | #14 |
creator of calibre
Posts: 43,857
Karma: 22666666
Join Date: Oct 2006
Location: Mumbai, India
Device: Various
|
No viewer->preferences->Paged layout
|
10-11-2019, 01:53 AM | #15 | |
US Navy, Retired
Posts: 9,864
Karma: 13806776
Join Date: Feb 2009
Location: North Carolina
Device: Icarus Illumina XL HD, Nexus 7
|
Quote:
FYI setting color and background color schemes is currently broken and will be fixed in the next release. color background-color margin-top margin-bottom margin-right margin-left font-family font-size Just set the above in the sections dedicated to these items in the viewer preferences area not in the styles section. If you insist on using line-height, text-indent, and text-align. They don't seem to work from the body level. Instead use them as follows in the p and div levels. Code:
p { line-height: 1 !important; text-indent: 2em !important; text-align: justify !important; } div { line-height: 1 !important; text-indent: 2em !important; text-align: justify !important; } Last edited by DoctorOhh; 10-11-2019 at 01:55 AM. |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
html to pdf, TOC Page# trouble from CSS... | MrBen | Conversion | 5 | 11-19-2014 07:29 AM |
Calibre: eBook Viewer - CSS Bug | navjot001 | Library Management | 1 | 03-25-2014 08:55 AM |
PRS-950 replacement css in prs+ book viewer setting - which properties are supported? | gsgleason | Sony Reader | 3 | 12-16-2011 12:51 AM |
CSS not applying correctly in E-Book Viewer. | therealdrag0 | Calibre | 6 | 10-20-2011 11:19 AM |
# user css for viewer.py/ ebook-viewer/ prs-650 | tscamera | Calibre | 0 | 01-02-2011 06:28 PM |