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