Inserted Metadata Page Header Background

[paw3pals]

Calibre version 8.60 (and also version 8.58).
Nook Tablet Night and Mocha Themes (white text color on darker background)

The inserted metadata page header (the box at the top with the title, author, series, publisher & date) now has a light grey background, so it is unreadable because of white text color.

Whichever Calibre version I was using on May 13, 2012, worked correctly with white text After that date I started using the Modify ePub plug-in, but just recently the plug-in started inserting the metadata page in front of the cover again (instead of after the cover) so I did some conversions, and this glitch came up.

[DoctorOhh]

Originally Posted by paw3pals

The inserted metadata page header (the box at the top with the title, author, series, publisher & date) now has a light grey background, so it is unreadable because of white text color.

You can edit the css for this under \Calibre Settings\resources\jacket\stylesheet.css and alter or eliminate the background color of the jacket added to the book.

[paw3pals]

Thank you, but I don't want to mess with the program itself without very detailed instructions. I don't know enough and am not conversant in CSS.

I did find the stylesheet.css (in program files\calibre) and "background #eee" but what is needed as a property is transparency, isn't it? And is that the only reference to background color in the stylesheet?

Originally Posted by dwanthny

You can edit the css for this under \Calibre Settings\resources\jacket\stylesheet.css and alter or eliminate the background color of the jacket added to the book.

[DoctorOhh]

Originally Posted by paw3pals

I did find the stylesheet.css (in program files\calibre) and "background #eee" but what is needed as a property is transparency, isn't it? And is that the only reference to background color in the stylesheet?

Just copy the css file somewhere safe then experiment with 1 book. I think removing the line that has the #eee should give you what you want. The worst that could happen is you mess it up and copy the original css back in place.

[theducks]

The CSS lines that affect color all have color as part of the element. All you have to do is figure which selector is being used for the color you want to change.

Colors can be specified as Hexadecimal (#eee) or (for the 16 basic ones)their color name (black, grey, red, blue...)
for the Jacket page, this seems to bee the one

.cbjbanner {
    -webkit-border-radius: 8px;
    background: #eee;
    border: thin solid black;
    display: block;
    margin-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0.5em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em
    }

[paw3pals]

I removed only the "#eee" and left the "background" and it seems to have worked. thanx.

Originally Posted by dwanthny

Just copy the css file somewhere safe then experiment with 1 book. I think removing the line that has the #eee should give you what you want. The worst that could happen is you mess it up and copy the original css back in place.

[theducks]

Originally Posted by paw3pals

I removed only the "#eee" and left the "background" and it seems to have worked. thanx.

I think it would be better to remove the entire line, you don't know what other devices will do with a missing (error) value or just set it to white

[paw3pals]

White would be no good, as the text is white. There either needs to be a way to have the background transparent or to make the text within black.

I will try eliminating background and see if it still works. thanx.

Originally Posted by theducks

I think it would be better to remove the entire line, you don't know what other devices will do with a missing (error) value or just set it to white

[DoctorOhh]

Originally Posted by paw3pals

I will try eliminating background and see if it still works. thanx.

All theducks or I suggested was removing the line from your css. It is not needed.