MobileRead Forums - View Single Post - I need just a few sections with black background/white letters

jackie_w · 05-31-2016, 07:47 AM

Try creating a CSS style rule something like:

Code:

.negative {background-color: #000; color:#fff}

Then wrap the text sections you want to be white-on-black with a <div class="negative">. Like this:

Code:

<div class="negative">
<p>Paragraph 1 in reverse</p>
<p>Paragraph 2 in reverse</p>
... etc ...
</div>

If you want the whole of a "chapter" to be white-on-black then try adding the negative class to the <body> tag instead, i.e. <body class="negative">

Caveat: If you intend to read on a device which has a "Night Mode" you might need to test the results in advance.

05-31-2016, 07:47 AM	#2
jackie_w Grand Sorcerer Posts: 6,252 Karma: 16544692 Join Date: Sep 2009 Location: UK Device: ClaraHD, Forma, Libra2, Clara2E, LibraCol, PBTouchHD3	Try creating a CSS style rule something like: Code: .negative {background-color: #000; color:#fff} Then wrap the text sections you want to be white-on-black with a <div class="negative">. Like this: Code: <div class="negative"> <p>Paragraph 1 in reverse</p> <p>Paragraph 2 in reverse</p> ... etc ... </div> If you want the whole of a "chapter" to be white-on-black then try adding the negative class to the <body> tag instead, i.e. <body class="negative"> Caveat: If you intend to read on a device which has a "Night Mode" you might need to test the results in advance. Last edited by jackie_w; 05-31-2016 at 07:50 AM.