Vox not reading Margins-help!

[Tennyoelf]

Hello, I'm new but I'm a bit desperate. (Not sure if this should be in here or a certain development page! Sorry!)

I've recently built a very pretty epub. It works on almost all devices wonderfully, just the way I want it, even the old Kobo e-ink device. However once I put it in Kobo Vox, it's horrendous. Can any one help me figure this out?

Here is my CSS:

Spoiler:

.books {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.booksend {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 4em;
text-align: center;
text-indent: 0
}
.bookslast {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.break {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.breakin {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.breakinp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.breakinp1 {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.breakp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.calibre {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.calibre1 {
display: block
}
.calibre2 {
height: auto;
width: auto
}
.calibre3 {
font-style: italic
}
.calibre4 {
display: block;
font-size: 1.54839em;
font-weight: bold;
line-height: 1.2;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
margin-top: 0.67em;
text-align: center
}
.calibre5 {
font-weight: bolder
}
.calibre6 {
display: block;
font-size: 1.29167em;
line-height: 1.2;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
padding-left: 0;
padding-right: 0
}
.calibre7 {
height: 100%;
width: auto
}
.creditcomp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.64516em;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnames {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 3em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnamesbig {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1.29032em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnameslast {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnamesmed {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 4em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditsbig {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1.29032em;
font-style: italic;
font-weight: bold;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 2em;
text-align: center;
text-indent: 0
}
.creditsmed {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
font-weight: bold;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.crp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.for {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.fortext {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.img {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.img1 {
display: block;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.imgc {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 15em;
text-align: center;
text-indent: 0
}
.list {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}

I really appreciate any help! Thank you!

[oldyellr]

I can't help, but which reader are you using? The native Vox eReader? Have you tried Aldiko or Overdrive?

[Tennyoelf]

I'm using the native reader. I kind of need to use the native reader. I tried viewing it on an android phone using Aldiko and it still doesn't read the margins or doesn't look as nice. I haven't heard of Overdrive before either. I'm really new to all this and I've ran so many tests recently...but this morning I just got the Vox to test and it's so disheartening to have done so much work and it just doesn't work on one device/reader.

The publisher is adamant that my epub works cross platform on all devices...

[kcarscadden]

The Kobo application on the Kobo Vox generally ignores the CSS in the epub, and does its own thing. You can actually download 2 versions of most books from Kobo - one that goes directly to the Kobo, and one in real epub format for other readers.

If you want to see the epub on the Vox as you created it, use the Mantano application. There is a free version, that you can get from http://slideme.org/application/mantano-reader-free


Keith

[Tennyoelf]

Originally Posted by kcarscadden

The Kobo application on the Kobo Vox generally ignores the CSS in the epub, and does its own thing. You can actually download 2 versions of most books from Kobo - one that goes directly to the Kobo, and one in real epub format for other readers.

If you want to see the epub on the Vox as you created it, use the Mantano application. There is a free version, that you can get from http://slideme.org/application/mantano-reader-free


Keith

I was afraid of that. I really thought I was doing something wrong. So I shouldn't use the Kobo native reader at all? Is there some type of general format available for us to follow for the Kobo? Or does Kobo really want us to go through them to make their epubs?

Should I try recreating the book in skeleton format for the Kobo (and have another file just for the Kobo)?

Thank you so much for your help!