View Single Post
Old 01-29-2025, 01:04 AM   #1
axu2
Groupie
axu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfoldedaxu2 reads XML... blindfolded
 
Posts: 174
Karma: 52202
Join Date: Jun 2023
Device: Kindle Scribe
How to render text boxes on Send to Kindle EPUB KFX

If you send an EPUB with <fieldset> tags that put boxes around text through Send to Kindle, those boxes won't render.

Most EPUB readers add default CSS to fieldset tags.
https://www.w3schools.com/tags/tag_fieldset.asp

But apparently Send to Kindle KFX is not one of them.

So you need to add this CSS manually.

Calibre convert to EPUB:

Look & Feel: Styling: Extra CSS

Code:
.system {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove;
}

img {
  height: auto !important;
  width: auto !important;
  max-width: 100%;
  display: block;
}
Look & Feel: Transform HTML

If the tag is fieldset
change tag name span
add classes system

Page Setup: Output Profile: Tablet (at the bottom)

Epub Output: EPUB VERSION 3!!

then upload via Send to Kindle website.

Send to Kindle ignores <fieldset> default css that adds boxes and margins around text, so I convert the <fieldset> to <span> and add the missing css manually. system is just a name, I could have called it `anything`

video version: https://www.youtube.com/watch?v=-BdsTClSvD4

Last edited by axu2; 01-29-2025 at 12:41 PM.
axu2 is offline   Reply With Quote