Skip to main content ↑ ↓
Besocial theme: how increase the default character’s size. Started by Zioclive · · Read 1464 times 0 Members and 1 Guest are viewing this topic. previous topic - next topic

Besocial theme: how increase the default character’s size.

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

Re: Besocial theme: how increase the default character’s size.

Reply #1 –

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. 
 

Re: Besocial theme: how increase the default character’s size.

Reply #2 –

:smiley:  Many thanks Spuds !!

Re: Besocial theme: how increase the default character’s size.

Reply #3 –

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.