6

I have some really simple CSS styles that work fine in the Kindle preview software, and on my actual Kindle Paperwhite, but when I send it to my iPad/iPhone and use the Amazon Kindle App, they don't work.

For example...

The CSS:

#copyright p {
    text-align: center;
}

The HTML:

<div id="copyright">
  <p>©2014 Author's Name</p>
</div>

The output is centered in the Kindle Previewer, and on actual Kindle Paperwhite, but left aligned in the iOS app.

Another example:

CSS:

p.author-s-voice {
    font-style: italic;
    text-indent: 1.2em;
}

HTML:

<p class="author-s-voice">Lorem ipsum dolor sit amet, consectetur....</p>

The output is italicized in the Kindle Previewer, and on actual Kindle Paperwhite, but not in the iOS app.

This seems like really basic styling, why is it being ignored by the Kindle app?

  • Are you using the .azk file generated by Kindle Previewer and then sideloading it onto your device? If not, try doing it that way. – Tom Aug 29 '14 at 20:59
  • @Tom I'm converting the .epub using Amazon's KindleGenerator (v2.9), and then emailing the resulting .mobi file to my devices. – Chuck Aug 29 '14 at 21:15
  • 2
    yeah, I hear you. The reading system they used on iOS was behind their other platforms for a long time--it would only show the most barebones, KF7 (old mobi) formatting. At least it's catching up a bit, but the fragmenting they have within their own closed little ecosystem is just ridiculous. I'm pretty sure that what they do is just deliver you an .azk file when you buy a mobi on an iOS device, but not certain. – Tom Aug 29 '14 at 21:34
  • 1
    Anyway, hope all that helps! – Tom Aug 29 '14 at 21:34
  • 1
    I believe that on the legacy format KF7 they converted the CSS style sheet on the .epub file to this wonky inline CSS and basically this resulted in the text only being able to accept one style from one class so if there were say three classes/selectors that were styling text it would arbitrarily have to drop two of them. Baffling. – maxwell Mar 11 '15 at 0:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.