MobileRead Forums - View Single Post

Enterio · 10-23-2019, 02:44 AM

I'm using the scrolling view mode of the Calibre viewer, with

Code:

body.calibre-viewer-scrolling { margin-left: 300px !important; margin-right: 300px !important; }

for right and left indents.

However, the images included in the epub appear very small with an ident of their own—even though through the View Image function they are of very large size. I tried using the code:

Code:

body.calibre-viewer-scrolling.img { width: 100%; !important; height:100% margin-left: 0px !important; margin-right: 0px !important; }

to try and make the images as big as possible, without any solution, as the images are unchanged and still small. Is there an easier way / option of keeping the native size of included images, to ignore the margins for the text in the case of images, in CSS code?

Thank you!

10-23-2019, 02:44 AM	#1
Enterio Member Posts: 11 Karma: 10 Join Date: Oct 2019 Device: Kindle Paperwhite 7th gen	CSS Style Question I'm using the scrolling view mode of the Calibre viewer, with Code: body.calibre-viewer-scrolling { margin-left: 300px !important; margin-right: 300px !important; } for right and left indents. However, the images included in the epub appear very small with an ident of their own—even though through the View Image function they are of very large size. I tried using the code: Code: body.calibre-viewer-scrolling.img { width: 100%; !important; height:100% margin-left: 0px !important; margin-right: 0px !important; } to try and make the images as big as possible, without any solution, as the images are unchanged and still small. Is there an easier way / option of keeping the native size of included images, to ignore the margins for the text in the case of images, in CSS code? Thank you!