ElkArte Community

Title: Besocial theme: how increase the default character’s size.
Post by: Zioclive on May 27, 2025, 03:39:15 am
Hi everybody,  on my forum  www.hawkfriend.com  the average age it’s…. More or less 60 y.o .

Lots of difficulties in reading small characters.

Is there a (simple) way to increase the default font size?
Actually I’m using the default theme Be-social on Elkarte 1.1.9 .

Thanks
Title: Re: Besocial theme: how increase the default character’s size.
Post by: Spuds on May 28, 2025, 09:17:01 am
There are two ways to increase the base font size.

In your custom_BeSocialHawkfriend.css you can do one of the following:

First the line font: 90%/130% Helvetica, Arial, "Nimbus Sans L", sans-serif; is in the body tag which is fine.  That 90% means all fonts and children of the body tag (which is about everything) will be font-size: 90%;  of the base font, or in this case .9*16px = 14.4px  Change that 90 to 95 for a 15.2px base font or 100% for a 16px font. 

Many other areas fonts will be relative to the base but some are hard coded with a font-size: attribute, those would have to individuality addressed.

The other way would be to add a font-size: 17px; to the html section of that style sheet.  This would then be .9*17=15.3px font size.  There currently is no font size defined in the html section, so its just a default 16px. 
Title: Re: Besocial theme: how increase the default character’s size.
Post by: Zioclive on May 28, 2025, 12:19:59 pm
:smiley:  Many thanks Spuds !!
Title: Re: Besocial theme: how increase the default character’s size.
Post by: Spuds on May 29, 2025, 09:51:07 am
One other item. When the font gets larger the lines may look to close together.  If so increase the 150%, thats the line spacing, to 180% etc.  OR add line-spacing: 1.8; to the html section.