09-30-2017, 04:53 AM | #1 |
Junior Member
Posts: 3
Karma: 10
Join Date: Sep 2017
Device: Kobo Aura One
|
Modify Default Kobo Header/Book Title Font in Reading Mode
Hi everyone, I've figured out how to modify my footer style using either the Metazoa "Custom reading footer style" or directly modifying the css from my nickel file, but I'd like to also modify my header to match. Does anyone know a way to do this? I've tried modifying various lines of css in my nickel file, but I haven't been able to make anything work.
Ideally, these are the attributes that I'd like to change so that my header matches my footer: font-family color text-transform Thanks for any help! |
09-30-2017, 06:28 AM | #2 | |
Grand Sorcerer
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
|
Quote:
In firmware 4.5.9587, the nickel CSS stream you need to change is the one containing #StatusBarView. The variable whose CSS you need to modify is #message. Making changes to font-family, color and text-transform will apply the changes you want to the main GUI header. Your mods to color and text-transform carry through to the kepub book title header. Unfortunately the font-family mod does not. The kepub header seems to always use the same font-family you have selected from the font menu for the current book. I may be wrong but I assume the kepub reading app is applying some kind of override. A few firmwares ago, when the old-style tiled Home screen was still the default, you could change the header text appearance by modifying the CSS for the nickel variable called SmallTouchLabel. In those days I was able to modify its font-family and color CSS and have it appear in both main GUI and kepub header. I never tried text-transform. P.S. If your experiments can improve upon what I've said I'll be interested to hear about them Last edited by jackie_w; 09-30-2017 at 06:33 AM. Reason: P.S. |
|
Advert | |
|
10-03-2017, 03:13 AM | #3 |
Junior Member
Posts: 3
Karma: 10
Join Date: Sep 2017
Device: Kobo Aura One
|
Thanks for your suggestions, jackie_w—I made some changes to the rules that you referenced, and I realized I may not have been clear about what I'm trying to change (or I'm doing something wrong!)
Editing the css for #message appears to change the text used in the overlay status bar (which alternates between showing the time, the percetage read, and the book title). I'm actually trying to change the Book Title that shows at the top of the epub/kepub page when the overlay is not active (Pocket articles as well, assuming those are controlled by the same styling). So far I've just been using trial and error, changing css rules, restarting my kobo and seeing what's changed. Is there an easier way to go about this, or is there a stylesheet reference that I can find on the forum? I've been using pipcat's css extractor to edit the nickel file: https://www.mobileread.com/forums/sh...9&postcount=15. Last edited by timd.mackey; 10-03-2017 at 03:29 AM. |
10-03-2017, 04:06 AM | #4 |
Junior Member
Posts: 3
Karma: 10
Join Date: Sep 2017
Device: Kobo Aura One
|
Now I'm just confused—using the metazoa patch method works for modifying the footer, but using the nickel css extraction route, none of the changes I make seem to be having any effect...I think I'm going to go to bed and try to figure out what I'm doing wrong later.
|
10-03-2017, 12:38 PM | #5 | |
Enthusiast
Posts: 47
Karma: 10
Join Date: Sep 2017
Device: Kobo Glo HD
|
Quote:
https://www.mobileread.com/forums/sh...9&postcount=21 |
|
Advert | |
|
10-03-2017, 03:36 PM | #6 | |
Grand Sorcerer
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
|
Quote:
If you change 3 CSS attributes (color/text-transform/font-family) in #message, all 3 changes will display in the status header top-left text (Time/%-read/My Books, Home etc). However, when reading a kepub, only 2 of these CSS changes (color/text-transform) will show in the kepub book title header. Unfortunately, any change you make to font-family seems to get overridden - presumably by the kepub reading app itself - because the font used is always that which you have chosen, from the Aa font icon pop-up, to read the kepub. It's easy to confirm this by watching the kepub book title header as you change fonts on the Kobo. I don't know of any way around this in the current firmware 4.5.9587. I used to be able to get it to work as you want it in a fairly recent firmware (before the new-style Home Screen was introduced) by editing a different nickel CSS stream but that method doesn't seem to work anymore. The method I posted is the closest I can find at present. I'm happy to be proved wrong, though. As for epub and Pocket header text ... epubs don't have a book title header and I don't use Pocket so can't comment about that. No, trial & error and shared experiences from like-minded tinkerers is all there is. Welcome to the club |
|
10-03-2017, 03:43 PM | #7 |
Resident Curmudgeon
Posts: 73,943
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Can modifying the kepub header be made into a patch?
|
10-03-2017, 04:54 PM | #8 | |
Grand Sorcerer
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
|
Quote:
There are a couple of general things to say:
If you read the linked thread vjjustin pointed you at it may clarify a few things. In case it helps this is an outline of what I do for my own nickel patches (14 of them). Some of them are already conveniently packaged in the GeoffR/Metazoa standard nickel.patch file. However some of them aren't and it's not practical for me to use GeoffR's makepatch utility to create them. Consequently, I do all nickel patches via the pipcat-method. This requires me to:
|
|
10-03-2017, 05:30 PM | #9 |
Grand Sorcerer
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
|
It depends. What modifications did you have in mind?
nickel patches are more difficult to share because the CSS to be modified is often compressed. This requires all changes to be hard-coded then converted into a hex-code GeoffR-style patch, i.e. one-size-fits-all - no ability to allow user customisation. As a fictitious example, if the same compressed CSS stream could be patched to change 2 different style attributes - font-size, font-family. How many different combos of those 2 values would it take to keep everyone happy. You'd need a different patch created for each combo. Too many to be practical IMHO. Using the pipcat-method for nickel patching is easier for users to apply the exact combo of values they want. Unfortunately there's quite a learning curve and is probably not suited to the casual user. Not to mention the amount of repetitive re-jigging involved every time a new firmware is released. |
07-19-2018, 01:55 PM | #10 | |
Wizard
Posts: 1,775
Karma: 2694823
Join Date: Dec 2011
Location: The Netherlands
Device: Kobo Touch, Glo, Clara HD
|
Quote:
How about now, with geek1011's improved patching system... would it be feasible? |
|
07-19-2018, 02:29 PM | #11 | |
Grand Sorcerer
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
|
Quote:
It's possible to use geek1011's kobopatch to edit the #message variable but the caveats re: font-family from post #2 still apply. |
|
07-19-2018, 04:41 PM | #12 |
Wizard
Posts: 1,775
Karma: 2694823
Join Date: Dec 2011
Location: The Netherlands
Device: Kobo Touch, Glo, Clara HD
|
Shame, thank you!
Being able to modify the contents / style of the header would only be a silly luxury though (for me anyway). The only thing that I would really like to be able to do is change the height of the book title header whilst reading a kepub, but without messing with the height of the GUI header. But if I understood your post #2 correctly these two aren't separable, right? |
07-19-2018, 08:19 PM | #13 |
Grand Sorcerer
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
|
|
Tags |
css, kobo, patch |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Android for Kobo v2 - improved reading mode | MarekGibek | Kobo Developer's Corner | 150 | 01-04-2022 06:32 PM |
Aura HD How to modify the header? | PeterOnne | Kobo Developer's Corner | 15 | 11-29-2018 11:17 PM |
No Book Cover is displayed in the reading mode (on Calibre and Kobo Mini) | Shurup | Calibre | 4 | 01-23-2013 06:06 AM |
Easist way to modify IMP books internal header info? | askyn | IMP | 23 | 04-09-2009 10:20 AM |
Change font/size of header and footer in book designer? | lkraven | Sony Reader | 4 | 10-08-2007 10:27 PM |