Custom CSS Stylesheets for Calibre's Viewer

[dunhill]

Now if Doc thank you very much for the explanation, I needed to adjust some parameters.
Image 1 as I had it.
Image 2 after adjustments.

[igor23740]

Hello. I use this CSS Code

P{
margin-left: 1.47em !important;
margin-right: 1.47em !important;
}
body {
margin-top: 0.70em !important;
}

Div{
margin-left: 0.25em !important;
}

*{
color:black !important;
}

div{
max-width: 90vw !important;
}

but it doesn't regulate the footer! Please tell me how to do this?

[DoctorOhh]

Originally Posted by igor23740

Hello. I use this CSS Code

P{
body {
margin-top: 0.70em !important;
}

but it doesn't regulate the footer! Please tell me how to do this?

Margin left and right work, but top and bottom margins do not work. If you make the top margin much bigger than the 0.15em the bottom will slide off the screen. I only use the very small number to move the letters in the top sentences to stop rubbing against the top of the background image.

There is nothing you can do but set the top and bottom margins in the layout and not in extra css.

[igor23740]

Originally Posted by DoctorOhh

Margin left and right work, but top and bottom margins do not work. If you make the top margin much bigger than the 0.15em the bottom will slide off the screen. I only use the very small number to move the letters in the top sentences to stop rubbing against the top of the background image.

There is nothing you can do but set the top and bottom margins in the layout and not in extra css.

It turned out like this. Better than nothing. Thanks.

[duns]

My question is in the title: neither in /home nor in /opt I managed to find my (custom) css code for Calibre Viewer.
Can someone tell me where is it stored?

[theducks]

Originally Posted by duns

My question is in the title: neither in /home nor in /opt I managed to find my (custom) css code for Calibre Viewer.
Can someone tell me where is it stored?

I would guess it is stored in the Calibre Preferences folder: in one of the viewer.* files

[duns]

Originally Posted by theducks

I would guess it is stored in the Calibre Preferences folder: in one of the viewer.* files

Thank you: they are in in /home/.config/calibre/viewer-webengine.json
Unfortunately custom css, in that file, is "mixed" with many other settings, f.e. the last books opened, what is something again and again changing ...
Any way, thanks

EDIT

I tried to link a css file in that json file (with something like
"user_stylesheet": "@import url(/pathto-css-file/mystyle.css);")
but unsuccessfully.
There is a way to link an external css to that json file?

EDIT

Found! This code works:
"user_stylesheet": "@import url(http://localhost/path/pro-calibre.css);"
Excellent!

[DamnedOwl]

Is there any way to style the 'Table of Contents' panel in the viewer?

The issue I'm facing in particular is that when I click an entry, the font changes from normal to bold italic and reduces in size thereafter by about 80%, without restoring to it's original size.

Is this behaviour intended? Having a mechanism to visually see the sections that have already been visited can potentially be useful, of course, but the reduction in font size creates a strange clash of styles that's quite off-putting.

[kovidgoyal]

Whatever section you are currently reading is highlighteb in the table fo contents. And the font styling most defintely restores itself after you move on to the next section.

[DamnedOwl]

Originally Posted by kovidgoyal

Whatever section you are currently reading is highlighteb in the table fo contents. And the font styling most defintely restores itself after you move on to the next section.

All the styling except for the size of the font restores itself.

[kovidgoyal]

That's rather weird what OS is this??

[kovidgoyal]

In any case, this should take care of it: https://github.com/kovidgoyal/calibr...8f75c44dd7d1d6

[DamnedOwl]

Originally Posted by kovidgoyal

That's rather weird what OS is this??

Linux (Arch)

Actually, just this question alone made me consider whether the issue was originating with the fact that I'm using my distro's calibre package.

And lo and behold, after switching to the binary install, I can say it (probably) is!

I know you generally advise against using distro calibre packages, and I've had my fingers burned by this before when problems I was having with calibre were resolved by using the binary install from the calibre site instead.

Well, a lesson learnt (again (for now)).

Anyway, thanks for this and for all your ceaseless work on calibre (and now kitty too). You truly are a force for good in this world!

[kovidgoyal]

You're welcome I actually use Arch myself, with calibre built from source ofc, not the distro package, and haven't seen this issue. I suspect it will be caused by some Qt style/theme plugin in your system Qt. My fix above should take care of it though.

[DamnedOwl]

Originally Posted by kovidgoyal

You're welcome I actually use Arch myself, with calibre built from source ofc, not the distro package, and haven't seen this issue. I suspect it will be caused by some Qt style/theme plugin in your system Qt. My fix above should take care of it though.

Would this fix already be reflected in the calibre that the binary installer installs? If so, I suppose I've not quite established whether the issue I was experiencing was specifically with the Arch repo package.

Still, no matter, it's certainly working now.