View Single Post
Old 01-21-2023, 08:58 AM   #1
MerlinMama
Evangelist
MerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beautyMerlinMama does all things with Zen-like beauty
 
MerlinMama's Avatar
 
Posts: 498
Karma: 32554
Join Date: May 2014
Location: Canada
Device: Kobo Sage
Supported HTML/CSS for text breaks?

If this does not belong here, my apologies.

I have been trying to get the coding right for fixing up the text breaks in my personal reads, but they don't show up in my Kobo (Sage) and I wonder if I'm making a mistake (shows up in the browser when I test, but still) or if it just isn't supported in Kobo Ereaders.

I should specify that the text appears, but the content from the '::before' and '::after' pseudo elements does not

My CSS:

Spoiler:
Code:
.pgb {
	font-family: "Cooper Black", serif;
	font-size: 110%; 
	text-align: center;
}
.pgb::before {
	display: block;
	position: relative;
	content: '*~=^;^=~*';
	font-family: Georgia, serif;
}
.pgb::after {
	display: block;
	position: relative;
	content: '*~=^;^=~*';
	font-family: Georgia, serif;
}


Don't think it's needed, but my HTML:
Spoiler:
Code:
<p class="pgb">London, England<br>
June 1873</p>


If there is a different way to do this that will show in Kobo Ereaders (other than inserting the 'content' in the text each time), I would love to hear it.
MerlinMama is offline   Reply With Quote