Miscellaneous display and editing matters

[foosion]

Originally Posted by Karellen

In the css, I use...

s {
  text-decoration: line-through;
  text-decoration-color: black;
}

<s>Some strikethrough text</s>

and on the couple of occasions I have had to use it, I have had no problem seeing the strikethrough in my Libra2.

Probably depends on the size of the font you have set, and which font you are using.

Alas, your CSS renders the same barely visible line as <span class="strike"> in this text.

It's meant to strike through bold italic normal sized text. I'm using Merrirweather font at 54 on my kobo. Everything else looks fine. The file is Kepub if that matters.

EDIT: Perhaps it's the Merriweather font?

EDIT 2: I uploaded the book to Google Play Books. On my phone, strikethrough is very visible with Merriweather font, so it doesn't seem to be the font itself, just how Kobo renders it

Maybe something about kepub?

[DNSB]

Sadly, this appears to be an artifact of using kepub. See sample images from an ePub and the same ePub converted to kepub using 3 different fonts and the following code for the strike class.

.strike {
  text-decoration: line-through;
  text-decoration-color: black;
  text-decoration-thickness: 2px;
}

[repilo]

I don't know if I have the solution but the case is similar to the one I had with the ToC, which looked light grey and I wanted it to be black. I found a solution but I don't know enough to understand it. Instead of applying ‘colour:black’, using ‘-webkit-text-fill-color:inherit’ the ToC text looks black (I use epub edited with Sigil and convert it to kepub with Calibre).

[foosion]

Originally Posted by repilo

I don't know if I have the solution but the case is similar to the one I had with the ToC, which looked light grey and I wanted it to be black. I found a solution but I don't know enough to understand it. Instead of applying ‘colour:black’, using ‘-webkit-text-fill-color:inherit’ the ToC text looks black (I use epub edited with Sigil and convert it to kepub with Calibre).

Do you mean:

.strike {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  -webkit-text-fill-color:inherit;
}

If so, that didn't work.

Neither did text-decoration-webkit-text-fill-color:inherit

[foosion]

Originally Posted by DNSB

Sadly, this appears to be an artifact of using kepub. See sample images from an ePub and the same ePub converted to kepub using 3 different fonts and the following code for the strike class.

.strike {
  text-decoration: line-through;
  text-decoration-color: black;
  text-decoration-thickness: 2px;
}

Sad

[repilo]

I checked my usual css and found that I had to do the following to stop the footnotes from showing up as light grey:

a { font-style:normal; font-weight:normal; text-decoration:none;
	colour:inherit; -webkit-text-fill-color:inherit; }

As I said before, I can't explain it, I just found it. Try colour:inherit; -webkit-text-fill-color:inherit;

[DNSB]

Originally Posted by repilo

I checked my usual css and found that I had to do the following to stop the footnotes from showing up as light grey:

a { font-style:normal; font-weight:normal; text-decoration:none;
	colour:inherit; -webkit-text-fill-color:inherit; }

As I said before, I can't explain it, I just found it. Try colour:inherit; -webkit-text-fill-color:inherit;

Tried that and no joy. The line through the text is still a thin pale echo of what it should be. As for your CSS, the text inside an <a>...</a> tag is automagically rendered as blue unless the defaults are overridden.

[DrChiper]

Originally Posted by DNSB

As for your CSS, the text inside an <a>...</a> tag is automagically rendered as blue unless the defaults are overridden.

Curiously, the Kobo Libra Color does not do that for EPUB formatted books. I have to define explicitly in my CSS file:

a {
color: blue;
}

More curiously, the KLC *does* render it blue per default for XX.KEPUB.EPUB books. Go figure.

[foosion]

Another oddity. The following renders centered as epub in Calibre's viewer, but as left aligned as kepub on my Kobo:

css:

p.center {
  text-align: center;
  text-indent: 0%;
  margin-top: 5%;
}

text:

<p class="center"><b>LOREM</b><br/>
<b>IPSUM</b><br/>
<b>DOLOR?</b></p>

Oddly, headings are properly centered:

h1 {
  font-size: medium;
  text-align: center;
  text-indent: 0%;
  margin-top: 10%;
  font-weight: bold;
}

How to fix?

FWIW, I've had similar issues in other books. To be clear, these are commercial books from large publishers that I'm trying to clean up.

[Sirtel]

Do you have justification set to left in the device settings? It must be off, to display any centered images/headings/text correctly.

[foosion]

Originally Posted by Sirtel

Do you have justification set to left in the device settings? It must be off, to display any centered images/headings/text correctly.

I do have left justification. Headings and images are displayed centered, but text is not.

[foosion]

Aha! I copied the p.center CSS to one labeled center, then did <center> in text rather than <p.center>. That worked to center the text.

[Sirtel]

Originally Posted by foosion

I do have left justification. Headings and images are displayed centered, but text is not.

Hmm. Not so long ago, everything was shoved to the left when the justification was set to left. Maybe something has changed with the recent firmware updates. Anyway, it's still best to have justification OFF and set it in the book css instead.

[foosion]

Originally Posted by Sirtel

Hmm. Not so long ago, everything was shoved to the left when the justification was set to left. Maybe something has changed with the recent firmware updates. Anyway, it's still best to have justification OFF and set it in the book css instead.

I have a major dislike for fully justified text, so would rather leave my Kobo on left justification, now that I've figured out how to fix the center problem. Posting, seeing a response and thinking about it definitely helped. Thanks!

[Sirtel]

Originally Posted by foosion

I have a major dislike for fully justified text, so would rather leave my Kobo on left justification, now that I've figured out how to fix the center problem. Posting, seeing a response and thinking about it definitely helped. Thanks!

You could just as easily put the left-align in the body text of the individual books and leave justifcation off on your Kobo. But whatever floats your boat, I guess.