[nqk]

Originally Posted by kovidgoyal

2. See the option under Page Layout

There is this: Preserve cover aspect ratio (checked).

I indeed want to keep the aspect ratio. And I want the cover (if small) to fill the width of my phone screen (portrait). It looks like the cover can be REDUCED to the screen width if it is bigger.

Originally Posted by kovidgoyal

4. Add !important and use the inspector to check

This is the footnote test file. I set [epub|type~="footnote"] { display: none;} in the css. As a result, the popup footnote is blank/hidden.


I use the Inspector and locate the source. It was replaced by Calibre to role="doc-footnote", the value is still display: none; I change this "none" to anything else in the Inspector, and it works. The popup container now shows the content.





However, when I copy the [role~="doc-footnote"] { display: block; } to user-defined css window, it forces even the hidden footnote to show on the body.



I tried to use

#content-iframe-1 > [role~="doc-footnote"] {
    display: block !important;
    }

or

.book-content-popup-container > [role~="doc-footnote"] {
    display: block !important;
    }

or

.book-content-popup-container * {
    display: block !important;
    }

but it came back to the original state where the footnote popup is blank.