Images are very small and don't stay centered when left aligning text

[TheBereaved]

Hello everyone,

First Post here! I recently discovered KOReader and love it. I really do enjoy the amount of customization that it provides.

I did run into a weird issue though and, thus far haven't found any fix to it.
I fact I have 2 issues.

I am reading the first book of The Expanse Series (Leviathan Wakes), and occasionally there are small images between paragraphs that look like lightning bolts. In the original Kobo OS, the text is left aligned and the images are well scaled and centered.

That being said, when used on KOReader, the images are VERY small. And when I select "Left align Most Text" the images themselves are also left aligned. I did find an option I thought would fix this "center images relative to text" but that didn't do anything.

See Image: http://postimg.cc/XGP0x0m6

Any help would be appreciated.

[jonnyl]

To make the images larges relative to the text, try increasing the 'Zoom (dpi)' setting in the bottom menu, 3rd tab (page icon).

To left align just the body text, a custom style tweak may work for your book. First try the following tweak, which should only left-align paragraph text:

p { text-align: left !important; }

(Go to the Style tweaks menu, uncheck your current text alignment selections, then long-press on 'Book-specific tweak' and enter the above line.)

If that doesn't work, you may need to investigate further. Select some text on a page that encompasses both some body text and a little divider image (e.g., from Yes I do." to Holden), and on the pop-up menu select 'View HTML' Then take note under what tag either one is. (If unsure, you can copy and paste the text or a screenshot here.)

For your style tweak to work, the little image must be under a different HTML tag than the body text.

[TheBereaved]

Originally Posted by jonnyl

To make the images larges relative to the text, try increasing the 'Zoom (dpi)' setting in the bottom menu, 3rd tab (page icon).

Thanks that worked splendidly! Exactly what I was looking for!

Originally Posted by jonnyl

To left align just the body text, a custom style tweak may work for your book. First try the following tweak, which should only left-align paragraph text:

p { text-align: left !important; }

That also worked but ended up using a slight rework as, it was also contained within a <p>. Those small images always shown up with <p class="orn"> so this was the final css

p:not(.orn) { text-align: left !important; }

Thanks a lot for your help!

[jonnyl]

Glad it worked, and thanks for reporting back with the actual solution!