Thread: Kobo H2O bug
View Single Post
Old 03-11-2018, 10:37 PM   #42
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 46,978
Karma: 169810634
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by PKFFW View Post
My profile says I joined May 12th 2008.

I like to read, I generally couldn't give a fig about the code that allows me to do so. I only care about that when there is a problem. This is the first problem that has annoyed me enough in the past 10 years to bother trying to fix.

Thanks for letting me know what the CSS is. I still have no idea how to actually find it and post it here though.

But not to worry though. I got the original file out, deleted the "vellum-created.svg" file from the images folder and that has solved the problem.

Now instead of a scene break being denoted by a gap with *** in the middle of it there is just a gap. Pages load correctly with no missing text and that's all that really matters to my wife.
When you open the ebook with Sigil, the CSS stylesheets will be in the Styles directory. With Vellum, created ebooks, you're likely to see a media.css and a style.css file. Open the style.css file, set Sigil to search in current file and search for the ornamental-break svg file name which should show up similar to the example below:

Code:
hr.ornamental-break {
    background-image: url(../Images/break-section-side-screen.svg);
Then set the search to all files and search for '<hr class=' which should highlight some results similar to:

Code:
<hr class="ornamental-break ornamental-break-as-hr"/>
What I do is to replace the line found in multiple files with the following:

Code:
<p class="tristar">*& #160;& #160;*& #160;& #160;*</p>
remove the space after the &s in the above line.

and add the following to the style.css file:

Code:
.tristar {
    display : block;
    font-size : 1.25em;
    font-weight : bold;
    margin-bottom : 1.25em;
    margin-left : 0;
    margin-right : 0;
    margin-top : 1.25em;
    text-align : center;
}
This give me a simple centered triple star which does not cause reading problems but does emphasize a scene break. My version of a quick and dirty fit to an annoyance.

Last edited by DNSB; 03-11-2018 at 10:58 PM.
DNSB is offline   Reply With Quote