How to render text boxes on Send to Kindle EPUB KFX

Channel:
Subscribers:
690
Published on ● Video Link: https://www.youtube.com/watch?v=-BdsTClSvD4



Duration: 0:00
73 views
3


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.

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`

https://www.mobileread.com/forums/showthread.php?t=365945

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.