View Single Post
Old 12-05-2023, 02:01 PM   #16
AS7
Junior Member
AS7 began at the beginning.
 
Posts: 7
Karma: 10
Join Date: Nov 2023
Location: Europe
Device: none
Hello all,

Thank you for your replies, sorry for the delay! I'm still working on this. (And I have the flu. ;_; )

@Mods Please don't close the thread just yet

To get back to my initial issue, the preview on Kobo: I've created a Kobo account, and the issue with the preview (the title page elements splitting up around images) is the same as when I uploaded the file on Kobo through Draft2Digital (as could be expected).

So I'm using Kobo, which seems to be the most "unforgiving" platform as far as CSS is concerned, as a testing ground to fix the issues with the file. So far not so good: I find the Kobo previewer's reactions to the CSS absolutely baffling.
For example, it makes a line with font-size: 0.625em; LARGER... and a line with font-size: 2em; SMALLER.

I've contacted their support about this...

When the issue is solved, anyhow, I'll post my takeaways here.

@Quoth
Quote:
If you are needing to edit CSS for anything other than an image you are not using Word paragraph styles properly.
I have 40 <blocks>, all with different CSS specs, so I'm in deep trouble, aren't I
I'd need to overhaul the entire CSS in Word then... But I have <underlines> for some paragraphs, for example. Shouldn't these be embedded in Styles? I thought that everything had to go in a Style.

@Turtle91
That's gold! Thank you for posting this visual demo!
I'd definitely buy your course or your templates
Just a question: for the line "This is the first paragraph in the chapter with a drop-cap or other special styling", how did you... hmm... well how did you form <p class="first"> to get this result?

@JSWolf
Quote:
There are some problems with the CSS. You do not want ot use line-height at all as it makes some Readers such as Kobo not work properly with the line height setting. Also, you want to spell out the margins in full as some B&N nook Readers do not like the margin shorthand. Also, if you are using a center, you also need a text indent of 0. And finally, you do not use pt in margins. You use ems. And finally, the padding of 0 is not needed.
OK, thank you! I'm adding this to the expanding List of Things to Fix™

@Jellby
Thank you for the input!

I'm a bit overwhelmed at this stage. (Time constraints...) Despite the CSS issues, the book displays well on KDP, Google Play and Apple Books, and I may not have time to perform an overhaul before the end of the year. Kobo's the problem...

Best,

AS7
AS7 is offline   Reply With Quote