Quote:
Originally Posted by Lynxai
That would be a great feature. IŽd like some minor changes (maybe 1 point size more on Series and Tags.
|
Hello,
Some explanation to do that. The styles are managed by css code.
For the ipad theme, the css are in app.css (flat theme) or wood.css (wood).
For the others, all is in index.html.
You can see what style is use in Chrome by right click on element to change and choose "inspect element". You can test how to change it directly in the console of Chrome.
When you know what to do, you can put your new style in index.html (you wil have to copy and paste that style again in index.html when you will update My Readings).
Some exemples with ipad profil:
For series it's "txtpetititalique" which is use (with ".tablet" which is use for ipad profil):
PHP Code:
.tablet .txtpetititalique {
font-size: 10px;
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
}
If you want change the size to 12px, you have to add in index.html after "<style type="text/css">" and before "</style>":
PHP Code:
.tablet .txtpetititalique {
font-size: 12px !important;
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
}
Note that you have to add "!important" to force the overiding of css file. If the style was in index.html (and not in css file as for .iphone or .gtab, you can change directly that style).
Refresh your page in you web browser and the size would be change...
For tags, it's "txtpetit", then the new style would be:
PHP Code:
.tablet .txtpetit {
font-size: 12px !important;
overflow: hidden;
text-overflow: ellipsis;
}