Sigil created Epubs not centering text on my ReadEra reader.

TomAWright · 03-24-2024, 01:23 AM

Help. I'm using Sigil to create epubs of my novels to have copies on my tablet. My epub reader is ReadEra. Everything is fine on Sigil, but the reader will not display any text centered unless it is a header. An example of the generated code is: <p style="text-align: center;">* * *</p>
where the "* * *" is supposed to center on the screen. Instead, it is left justified. Even when I changed from <p> to <div>, utilizing a class and a CSS Stylesheet set to center, I get the same results. Does anybody here know why this is happening and how to fix it?

TomAWright · 03-24-2024, 01:34 PM

Just an FYI. I forgot to mention that I tried using an H3 setting for the "* * *" text, but this causes a page break in my epub reader. This is far from desirable since the above text is an indicator of a story time jump, or change of POV. As is, it looks like an unmarked chapter change. I also discovered that the H3 setting does not do this when I actually have real text such as "Look, centering works here!". This is extremely frustrating, since I really wanted these breaks to match what is used in my paper-printed novels. Any help in solving this issue would be greatly appreciated. Thanks.

JSWolf · 03-24-2024, 03:10 PM

Can you post the CSS (in either a code block or a spoiler) so we can have a look?

Quoth · 03-24-2024, 03:26 PM

Try Lithium and/or Pocketbook. The issue could be Readera.

TomAWright · 03-25-2024, 02:16 AM

Quote:

Originally Posted by JSWolf

Can you post the CSS (in either a code block or a spoiler) so we can have a look?

<h4 style="text-align: center;" class="sigil_not_in_toc">
<b>◊ ◊ ◊</b>
</h4>

Well, I found out something weird while experimenting to find a solution. The above code worked. What didn't work was using the <h3></h3> instead. I don't understand why. Oh, and I even tried replacing the * with the special character diamond first. That didn't work, but I decided that I liked the diamonds so I kept them.

So, I found a way to make an acceptable outcome, but didn't really figure out why I couldn't get it to work properly in the middle of a series of paragraphs, nor under h3.

DiapDealer · 03-25-2024, 12:26 PM

It almost has to be a Readera glitch. Either that, or you have something that's overriding your styles.

Quoth · 03-25-2024, 01:02 PM

Quote:

Originally Posted by DiapDealer

It almost has to be a Readera glitch. Either that, or you have something that's overriding your styles.

I agree. No reply on my suggestion of trying free Lithium or Pocketbook apps.

I looked at Readera and wasn't impressed. Is it related to Coolreader?

Also if doing for publication you need some real eink ereaders too.

theducks · 03-26-2024, 04:31 PM

Lots of reader software do not implement all the expected HTML features
<hr /> is another that does not center if less than full width. I fake that with 50% of the whitespace for Margin Left

Quoth · 03-27-2024, 06:44 AM

Quote:

Originally Posted by theducks

Lots of reader software do not implement all the expected HTML features
<hr /> is another that does not center if less than full width. I fake that with 50% of the whitespace for Margin Left

A centred (e.g. 20%) <hr /> works on all my ereader apps and eink readers. I don't do fixes for other people's broken Android apps. There are loads of Android ereader apps than work perfectly with epub2 (less for epub3) with also support for embedded fonts. Some have over-rides. Unfortunately there are even more ereader apps on Android that are junk. One not only didn't support embedded fonts or basic CSS properly, but only had a few built in fonts. Imagine a Kindle 2 implemented as an epub reader on Android without metadata!

Aldiko Basic, Bluefire, Lithium and Pocketbook all work properly on Android for epub2 and are free. Any pro paid version not needed to read ebooks via USB or SD card loading.
Some work even on Android 4.x (4.4 may be lowest that still connects to Playstore).
Lithium is good, but for a larger screen held in Landscape the Pocketbook allows two portrait epub or pdf pages. It starts PDF on with one page the right so page layout matches paper. Xodo has the pages one out compared to paper.

theducks · 03-30-2024, 05:43 PM

RMSDK did not honor a width centered back when I got my Astak.
There was nothing wrong with the books code as it looked fine on Calibre, Sigil.
It was just one of the known quirks.
Kobo (KEpub on my Aura2 and Libra2) incorrectly applies letter spacing to a space (or NBSP) and runs words together (Velum uses that in Chapter heads). I have a saved search to comment out any found in the CSS

03-24-2024, 01:23 AM	#1
TomAWright Junior Member Posts: 3 Karma: 10 Join Date: Mar 2024 Device: Tablet	Sigil created Epubs not centering text on my ReadEra reader. Help. I'm using Sigil to create epubs of my novels to have copies on my tablet. My epub reader is ReadEra. Everything is fine on Sigil, but the reader will not display any text centered unless it is a header. An example of the generated code is: <p style="text-align: center;">* * </p> where the " * *" is supposed to center on the screen. Instead, it is left justified. Even when I changed from <p> to <div>, utilizing a class and a CSS Stylesheet set to center, I get the same results. Does anybody here know why this is happening and how to fix it?

03-24-2024, 01:34 PM	#2
TomAWright Junior Member Posts: 3 Karma: 10 Join Date: Mar 2024 Device: Tablet	Additional Info Just an FYI. I forgot to mention that I tried using an H3 setting for the "* * *" text, but this causes a page break in my epub reader. This is far from desirable since the above text is an indicator of a story time jump, or change of POV. As is, it looks like an unmarked chapter change. I also discovered that the H3 setting does not do this when I actually have real text such as "Look, centering works here!". This is extremely frustrating, since I really wanted these breaks to match what is used in my paper-printed novels. Any help in solving this issue would be greatly appreciated. Thanks.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Centering text on screen vertically	Turtle91	Workshop	8	05-28-2021 05:56 PM
Universal Solution for Centering Text Under Image	Trane	Sigil	45	05-16-2017 08:05 AM
centering text	andreadavison	Conversion	1	12-29-2013 03:02 PM
Centering text epub for NOOK Color	photoluminations	Conversion	3	12-15-2011 01:01 PM
Caliber Created Epubs freezing the reader?	JGB	Calibre	5	12-13-2008 10:57 PM

03-24-2024, 03:10 PM	#3
JSWolf Resident Curmudgeon Posts: 76,963 Karma: 138588794 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Can you post the CSS (in either a code block or a spoiler) so we can have a look?

03-24-2024, 03:26 PM	#4
Quoth Reading till the spring Posts: 12,528 Karma: 94058919 Join Date: Jun 2017 Location: Ireland Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper	Try Lithium and/or Pocketbook. The issue could be Readera.

03-25-2024, 12:26 PM	#6
DiapDealer Grand Sorcerer Posts: 28,075 Karma: 199770456 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	It almost has to be a Readera glitch. Either that, or you have something that's overriding your styles.

03-26-2024, 04:31 PM	#8
theducks Well trained by Cats Posts: 30,506 Karma: 58055868 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Lots of reader software do not implement all the expected HTML features <hr /> is another that does not center if less than full width. I fake that with 50% of the whitespace for Margin Left

03-30-2024, 05:43 PM	#10
theducks Well trained by Cats Posts: 30,506 Karma: 58055868 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	RMSDK did not honor a width centered back when I got my Astak. There was nothing wrong with the books code as it looked fine on Calibre, Sigil. It was just one of the known quirks. Kobo (KEpub on my Aura2 and Libra2) incorrectly applies letter spacing to a space (or NBSP) and runs words together (Velum uses that in Chapter heads). I have a saved search to comment out any found in the CSS