Kobo not reflecting Sigil

Ashjuk · 12-02-2020, 04:31 AM

I seem to have another problem that might not actually be anything to do with Sigil but I was not sure where else to ask for help.

I have been editing some books and this morning I loaded them onto my Kobo Aura but when viewing them the formatting does not reflect what I see in Sigil and Freda.

The stylesheets contain the following code -

Code:

.h2	{
	font-size: 2em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: center;
	}

.h3 	{
	font-size: 1.5em;
	margin-top: 1.0em;
	margin-bottom: 2em;
	text-align: center;
	}

I am using the h2 and h3 tags for the chapter number and title like this -

<p class="h2">Chapter 1</p>

<p class="h3">The Backwash of the Bomb</p>

and the text appears as it should - alignment and size correct - when viewing in Sigil preview, and also if I open the book using Freda on my PC.

However, if I view the book on my Kobo both the chapter number and title are left-aligned and the same size as the body text. It would appear Kobo is ignoring the formatting.

Any ideas where I'm going wrong?

davidfor · 12-02-2020, 06:06 AM

The simple answer, for the alignment at least, is that you have it set to left align on the device.

Other than that, Kobo uses the Adobe RMSDK for epubs. This is a lot less tolerant for errors than most other applications that handle ebooks. If there is an error in the stylesheet, it can ignore the complete stylesheet. You could try the book with ADE and see what happens as that will be roughly the same as the RMSDK.

Ashjuk · 12-02-2020, 08:05 AM

David,
I don't think it's the alignment setting on my Kobo as other books with centre aligned text display correctly.

I have no doubt that it is something I have got wrong (very new to using Sigil) but I would like to know what it is for future reference.

I will try it in ADE as you suggest to see what happens.

Edit:
I have just tried it in ADE and it - as you rightly suggested - is displaying as per my Kobo. Definitely must be something wrong with my stylesheet.

Ashjuk · 12-02-2020, 08:13 AM

This is the stylesheet I am using -

Code:

calibre	{
	display: block;
	font-size: 1.125em;
	line-height: 1.2;
	margin-bottom: 0;
	margin-left: 5pt;
	margin-right: 5pt;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0
	}

.calibre1	{
	display: block
	}
	
.calibre2	{
	display: block;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	text-indent: 1.5em
	}
	
.calibre3 	{
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: 0;
	margin-left: 10pt;
	margin-right: 10pt;
	}

.calibre4 {
	font-size: 1em;
	margin-bottom: 0.5em;	
	margin-top: 0;
	margin-left: 0;
	margin-right: 50pt;
	text-indent: 0;
	text-align: right;
	}

.calibre5 	{
	display: block;
	margin-bottom: 0.5em;
	margin-left: 50pt;
	margin-right: 0;
	margin-top: 0
	}

.calibre6 	{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
  	}

.calibre7 	{
	display: block;
	margin-bottom: 0.4em;
	margin-left: 50pt;
	margin-right: 50pt;
	margin-top: 0;
	text-indent: 0 
	}

.h1	{
	font-size: 3em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1em;
	text-align: center;
	}

.h2	{
	font-size: 2em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: center;
	}

.h3 	{
	font-size: 1.5em;
	margin-top: 1.0em;
	margin-bottom: 2em;
	text-align: center;
	}

.h4	{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom 1em;
	text-align: center
	}

.pagebreak { 
	page-break-before: always;
	}

Hopefully someone far more knowledgeable than me can spot any errors.

DiapDealer · 12-02-2020, 08:14 AM

One syntax error in your css means that RMSDK will ignore it all. Browser-based renderers like Sigil are more forgiving.

Validate your stylesheet(s). Sigil makes it easy to do with Tools-->Validate Stylesheets with W3C.

Code:

.h4	{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom 1em;
	text-align: center
	}

Colon missing after margin-bottom.

Ashjuk · 12-02-2020, 08:36 AM

Quote:

Originally Posted by DiapDealer

One syntax error in your css means that RMSDK will ignore it all. Browser-based renderers like Sigil are more forgiving.

Validate your stylesheet(s). Sigil makes it easy to do with Tools-->Validate Stylesheets with W3C.

Code:

.h4	{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom 1em;
	text-align: center
	}

Colon missing after margin-bottom.

Thank You

I knew there would be someone more clever than me that would spot something - displays fine in ADE now. And thanks for the pointer to css validation.

12-02-2020, 04:31 AM	#1
Ashjuk Fanatic Posts: 500 Karma: 3498633 Join Date: May 2011 Location: Surrey, UK Device: Kobo Aura One, Sony PRS 600/650	Kobo not reflecting Sigil I seem to have another problem that might not actually be anything to do with Sigil but I was not sure where else to ask for help. I have been editing some books and this morning I loaded them onto my Kobo Aura but when viewing them the formatting does not reflect what I see in Sigil and Freda. The stylesheets contain the following code - Code: .h2 { font-size: 2em; margin-top: 1.5em; margin-bottom: 1em; text-align: center; } .h3 { font-size: 1.5em; margin-top: 1.0em; margin-bottom: 2em; text-align: center; } I am using the h2 and h3 tags for the chapter number and title like this - <p class="h2">Chapter 1</p> <p class="h3">The Backwash of the Bomb</p> and the text appears as it should - alignment and size correct - when viewing in Sigil preview, and also if I open the book using Freda on my PC. However, if I view the book on my Kobo both the chapter number and title are left-aligned and the same size as the body text. It would appear Kobo is ignoring the formatting. Any ideas where I'm going wrong?

12-02-2020, 08:05 AM	#3
Ashjuk Fanatic Posts: 500 Karma: 3498633 Join Date: May 2011 Location: Surrey, UK Device: Kobo Aura One, Sony PRS 600/650	David, I don't think it's the alignment setting on my Kobo as other books with centre aligned text display correctly. I have no doubt that it is something I have got wrong (very new to using Sigil) but I would like to know what it is for future reference. I will try it in ADE as you suggest to see what happens. Edit: I have just tried it in ADE and it - as you rightly suggested - is displaying as per my Kobo. Definitely must be something wrong with my stylesheet. Last edited by Ashjuk; 12-02-2020 at 08:08 AM.

12-02-2020, 08:14 AM	#5
DiapDealer Grand Sorcerer Posts: 28,352 Karma: 203720150 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	One syntax error in your css means that RMSDK will ignore it all. Browser-based renderers like Sigil are more forgiving. Validate your stylesheet(s). Sigil makes it easy to do with Tools-->Validate Stylesheets with W3C. Code: .h4 { font-size: 1.2em; margin-top: 1em; margin-bottom 1em; text-align: center } Colon missing after margin-bottom. Last edited by DiapDealer; 12-02-2020 at 08:17 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Altered titles not reflecting in the ebook viewer or on Kindle	Brynzane	Library Management	4	05-16-2018 01:13 PM
Sigil on Nook vs Sigil on Kobo vs Sigil on iBook	rosshalde	Sigil	12	11-13-2014 09:34 AM
Calibre not reflecting all books on device	tnbagwell	Calibre	9	01-17-2014 12:51 AM
italic and bold ok in sigil but not on Kobo reader	Mookiemon	Sigil	14	07-23-2011 09:50 PM
Advice on using Sigil to standardise all epubs for my Kobo	digital_steve	Sigil	3	08-10-2010 09:29 PM

12-02-2020, 06:06 AM	#2
davidfor Grand Sorcerer Posts: 24,905 Karma: 47303824 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	The simple answer, for the alignment at least, is that you have it set to left align on the device. Other than that, Kobo uses the Adobe RMSDK for epubs. This is a lot less tolerant for errors than most other applications that handle ebooks. If there is an error in the stylesheet, it can ignore the complete stylesheet. You could try the book with ADE and see what happens as that will be roughly the same as the RMSDK.

Advert

Advert