Page 1 of 1

font size change

Posted: Wed Nov 08, 2017 1:22 am
by Noelb
Hey all,

Is there a way to global alter the default article text font size?
Preferably without editing a template? I think this would be a good option in configuration
(using default template)

- or I could really be going blind and have missed it ;)

Thanks

Re: font size change

Posted: Wed Nov 08, 2017 6:05 am
by Don Chambers
Font size is determined by the theme you are using. You can alter this by modifying the theme, or providing a user stylesheet that alters the font.

Re: font size change

Posted: Wed Nov 08, 2017 8:37 pm
by yellowled
Noelb wrote:Is there a way to global alter the default article text font size?
Yes, by using something called CSS (there is no way anyone could ever explain CSS in a forum post). The easiest and most fail-safe way to do that is by adding a new file called user.css to your theme's directory (/templates/<YOUR_THEME>/). That file will not be deleted or overwritten in case of an update.
Noelb wrote:I think this would be a good option in configuration
No. font-size will always be a theme-related value, it does not make sense to set that in the blog configuration. Setting it via CSS is very easy and much more flexible than a blog (or theme) option could ever be.

YL

Re: font size change

Posted: Thu Nov 09, 2017 1:51 pm
by Noelb
yellowled wrote:
Noelb wrote:Is there a way to global alter the default article text font size?
Yes, by using something called CSS (there is no way anyone could ever explain CSS in a forum post). The easiest and most fail-safe way to do that is by adding a new file called user.css to your theme's directory (/templates/<YOUR_THEME>/). That file will not be deleted or overwritten in case of an update.
Noelb wrote:I think this would be a good option in configuration
No. font-size will always be a theme-related value, it does not make sense to set that in the blog configuration. Setting it via CSS is very easy and much more flexible than a blog (or theme) option could ever be.

YL
sending it in CSS is asking for it to be squashed on updates, no?
perhaps then the themes configuration should have this setting


(sorry for delay I am still not getting emails from the board on followups)

Re: font size change

Posted: Mon Nov 13, 2017 9:43 pm
by yellowled
Noelb wrote:sending it in CSS is asking for it to be squashed on updates, no?
Not if you override the theme's font-size in a user.css as described above. Because the user.css file is not part of the s9y core, it will not get overwritten in an update.

So for example if your theme sets a font-size of 16px on the body element in its style.css, you can create a /templates/<YOUR_THEME>/user.css and in there write

Code: Select all

body {
    font-size: 20px;
}
Due to something that's called "the CSS cascade" (basically, the user.css gets read after the style.css), that will override the theme's setting.

YL

Re: font size change

Posted: Tue Nov 14, 2017 1:06 pm
by Noelb
yellowled wrote:
Noelb wrote:sending it in CSS is asking for it to be squashed on updates, no?
Not if you override the theme's font-size in a user.css as described above. Because the user.css file is not part of the s9y core, it will not get overwritten in an update.

So for example if your theme sets a font-size of 16px on the body element in its style.css, you can create a /templates/<YOUR_THEME>/user.css and in there write

Code: Select all

body {
    font-size: 20px;
}
Due to something that's called "the CSS cascade" (basically, the user.css gets read after the style.css), that will override the theme's setting.

YL
Thanks, creating this and setting it to 18px seems to be good :)