Advertisement:

Author Topic: How do I change the default font size from 10pt to 11pt  (Read 8164 times)

Offline Siirist

  • Sophist Member
  • *****
  • Posts: 1,201
  • Gender: Male
  • What would Kindred or Illori do?
    • A Sanctuary (Support for Survivors of abuse/Info for Family & Friends)
How do I change the default font size from 10pt to 11pt
« on: April 20, 2017, 11:06:37 AM »
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

Online Bob Perry of Web Presence Consulting

  • Sr. Member
  • ****
  • Posts: 935
  • Gender: Male
  • (T)ogether (E)veryone (A)chieves (M)ore
    • Bobert921 on Facebook
    • https://www.linkedin.com/in/bperry921/ on LinkedIn
    • @bperry921 on Twitter
    • Web Presence Consulting
Re: How do I change the default font size from 10pt to 11pt
« Reply #1 on: April 20, 2017, 11:13:46 AM »
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

Offline br360

  • Lead Support Specialist
  • SMF Hero
  • *
  • Posts: 1,894
    • GenXcommunity
Re: How do I change the default font size from 10pt to 11pt
« Reply #2 on: April 20, 2017, 12:23:39 PM »
Look for this in your theme's index.css

Code: [Select]
/* 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;
Code: [Select]
font-size: 11pt;

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 54,810
  • Gender: Male
    • Kindred-999 on GitHub
Re: How do I change the default font size from 10pt to 11pt
« Reply #3 on: April 20, 2017, 12:56:41 PM »
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
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

Offline Illori

  • Project Manager
  • SMF Master
  • *
  • Posts: 47,500
Re: How do I change the default font size from 10pt to 11pt
« Reply #4 on: April 20, 2017, 12:59:21 PM »
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.

Offline Siirist

  • Sophist Member
  • *****
  • Posts: 1,201
  • Gender: Male
  • What would Kindred or Illori do?
    • A Sanctuary (Support for Survivors of abuse/Info for Family & Friends)
Re: How do I change the default font size from 10pt to 11pt
« Reply #5 on: April 20, 2017, 04:03:51 PM »
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

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,136
  • Master of BBC Abuse
Re: How do I change the default font size from 10pt to 11pt
« Reply #6 on: April 20, 2017, 08:57:27 PM »
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.

Offline Siirist

  • Sophist Member
  • *****
  • Posts: 1,201
  • Gender: Male
  • What would Kindred or Illori do?
    • A Sanctuary (Support for Survivors of abuse/Info for Family & Friends)
Re: How do I change the default font size from 10pt to 11pt
« Reply #7 on: April 21, 2017, 09:02:18 AM »
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:
Code: [Select]
.normaltext{font-size:1em;line-height:1.2em;}This is adding .5 to each attribute and is not proportionate
Code: [Select]
.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
Code: [Select]
.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
« Last Edit: April 21, 2017, 09:39:11 AM by 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