News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

How do I change the default font size from 10pt to 11pt

Started by Siirist, April 20, 2017, 11:06:37 AM

Previous topic - Next topic

Siirist

Greetings,

I am wanting to change the default font size from 10pt to 11pt when posting throughout the forum, including when sending PMs.

I looked in the online manual and it insinuated that the css had to be changed, but if you make a mistake, SMF will not function properly.

That said, I am not going to go somewhere that MAY be the proper place and crash my forum.

Thanks in advance.

Kindly,
Siirist
Needed information:
- What's your SMF version?, What MODs are installed? What Theme(s) are you using? Have you backed up your database?

--> At least 50% of the questions asked are answered in the Online Manual <--
Mods for ver 1.x will NOT run on ver 2.x

Bob Perry of Web Presence Consulting

Just guessing but I'd say you'd do that in the .css files somewhere, but don't ask me which one and where in the file... don't recall there being a setting in the basic admin settings so it must be in css...

Best Regards,
Bob Perry



"The world is moving so fast these days that the man who says it can't be done is generally interrupted by someone doing it." Elbert Hubbard

br360

Look for this in your theme's index.css

/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}


You can try to change the 78% to 88%, or you can add this line right underneath the font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 11pt;

Kindred

Setting the font-size toe a defined pt size is not recommended. using em or a percentage is the correct route these days, in order to support responsive designs
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Illori

Quote from: Siirist on April 20, 2017, 11:06:37 AM
I am wanting to change the default font size from 10pt to 11pt when posting throughout the forum, including when sending PMs.

i am not sure that this can be done just with CSS, i think it requires more changes to make it just apply to the posts/messages.

Siirist

Thank you:
Bob,
BR360,
Kindred,
Illori,
for your replies.

If changing to throughout the forum would simplify the process, that is cool by me.

Thank you again.

With Gratitude,
Siirist
Needed information:
- What's your SMF version?, What MODs are installed? What Theme(s) are you using? Have you backed up your database?

--> At least 50% of the questions asked are answered in the Online Manual <--
Mods for ver 1.x will NOT run on ver 2.x

Antechinus

Easiest way is to open index.css and then search for everywhere it says font-size. You can then change them one at a time and note the effects.

The code br360 quoted is the most basic setting, but there are other settings for specific elements, if you need them.

Oh and mistakes in the CSS won't crash your forum. The worst they can do is make it look a bit weird. They're easy to reverse too, so don't worry.

Siirist

Thank you Antechinus

I will proceed with the counsel of everyone in mind.

Thank you again to all.

Will give it a go and report results here.

With Gratitude,
Siirist

EDIT: Used NotePad+ to open Forum>Themes>(your default theme name here) index.css, then IMMEDIATELY saved a copy as index-original.css (used if something goes wrong) then searched for "font-size".
There are 74 lines with font-size and only one or two are classified as pt every other one is (per Kindred) using em.
IMPORTANT: Following almost every reference to em, there is/are either margins, padding, or line-height.

I chose to believe that changing the font size, change presentation, i.e., if I change the font-size from 0.5 em to 1.5 em there will probably be a significant change in the appearance of the area that is changed.

I also believe that, as almost every font-size reference is followed by either margins, padding, or line-height, if you modify the font-size, it would be prudent to modify the attribute that follows it proportionately.

Example:
.normaltext{font-size:1em;line-height:1.2em;}
This is adding .5 to each attribute and is not proportionate .normaltext{font-size:1.5em;line-height:1.7em;}
This is a result of multiplying font-size of 1em times 150%, and then multiplying the line-height  times 150% and this is proportionate .normaltext{font-size:1.em;line-height:1.8em;}

Imagine doing this for 74 lines of coding.

Summary: Unless it is broken, don't fix it?
This shows the hard work and balance that the programmers are providing. Thank you for your work to make SMF what it is.
PS - I will leave the forum as is.  :P
Needed information:
- What's your SMF version?, What MODs are installed? What Theme(s) are you using? Have you backed up your database?

--> At least 50% of the questions asked are answered in the Online Manual <--
Mods for ver 1.x will NOT run on ver 2.x

Advertisement: