QUICK NEWS

{NEW} - More to come for this tab...

{OLD} - A new css video is up.


Video of the moment:


Internal Links

SMF Sites

Quick Info

Enlargeing Fonts

Started by Bob Clifton, Apr 16, 2026, 07:47 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Bob Clifton

I want to enlarge the fonts in my site so these ol eyes can see better  I researched a bit to larn how BUT I found the file an how TO EDIT and was wondering how high a value I can go




body {
   background: #e9eef2;
   font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
   color: #4d4d4d;
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}
::selection {

I changed the value from 83 to 98 in the highlighted RED and it is a little bigger but I would like more . What setting do yall have here ??? It is  the perfect size  or do custom Themes have different values . Plus what value should I put in the 150  Thanks

Bigguy

This is default here. I have not increased the font size. You could go as high as you want until it distorts the theme I guess.
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

shawnb61

Two problems with changing the font size...  First, without also increasing all the little text box sizes, lots of text doesn't fit anymore.

Second, there's a bunch of places that need to change.

I just use the browser zoom feature.

Bob Clifton

Quote from: Bigguy on Apr 16, 2026, 02:34 PMThis is default here. I have not increased the font size. You could go as high as you want until it distorts the theme I guess.

I changed it eventually to 130 and 160  respectively  Before I READ Shawn's Post but it is where I can see  it much better . I did have to rezize the Scrolling NEWS message from 6 to 4 as it was much larger 
Will wait to see WHAT CALAMITY's  might Follow :dontknow

I do have the ABILITY to Destroy and ANVIL with a Feather Duster

Bob Clifton

#4
Got the fonts enlarged in main page and posts however instead of enlarging the stuff in the lil boxes they remained the same so  found this A GLOBAL change and a way to enlarge the boxes .

Steps to Enlarge Specific Areas:

    Access CSS: Navigate to your theme's folder and open the css/index.css file.
    Locate Elements: Search for the following classes (if they don't exist, you can add them):
        Post/Signature Editor Box: .editor_box or #post_message
        Text Input Boxes: .input_text
        Search Box: .input_search
    Modify Properties: Increase the dimensions using CSS. For example:
    css

.input_text {
    width: 100%; /* Makes input full width */
    padding: 10px; /* Makes box taller/larger */
}
.editor_box {
    height: 400px; /* Increases post area height */
}

Clear Cache: Save the file and clear your forum/browser cache to see changes.

Tips
THIS IS WHAT I PROBABLLY SHOULD HAVE DONE TO START WITH
    Use Percentages: Use width: 100% for text inputs to make them responsive, allowing them to fill the container size.
    Global Font Adjustment: Adjusting the font-size and line-height in the body selector of index.css can also proportionally enlarge the text and boxes.

    Backup: Always back up your index.css file before making modifications.

    How to create a smf theme - Online Manual
    Sep 7, 2025 — Navigate to: Code: [Select] /* Set a fontsize that will look the same in all browsers. */ body { background: #E9EEF2 url(../images...
    Simple Machines Forum

IS This forum running a custom theme that is preset with bigger fonts
 

I should be able to have my site completely destroyed by bed time !  For every action there is and equal and opposite reaction ain't no joke huh ??

Bigguy

Quote from: Bob Clifton on Apr 16, 2026, 06:51 PMIS This forum running a custom theme that is preset with bigger fonts
I have edited this theme, yes, but it is the default. 
"It's the American dream....cause ya have to be asleep to believe it." - George Carlin

Neša

Zoomit is a great tool you could use.
I use it when I'm sharing my screen at work to zoom in during meetings, it also lets you draw on your screen.

You can get it here by itself, it also comes with powertools
https://learn.microsoft.com/en-us/sysinternals/downloads/zoomit


Dave

Most browsers allow you to use 'Ctrl' and '+' together to increase the size of the page you're reading, to reduce the increase use 'Ctrl' and '-' which I believe is what Shawn was talking about

Bob Clifton

Quote from: Dave on Apr 17, 2026, 01:42 AMMost browsers allow you to use 'Ctrl' and '+' together to increase the size of the page you're reading, to reduce the increase use 'Ctrl' and '-' which I believe is what Shawn was talking about

Yepper I understand what shawn is saying however my other sites on using the same setup are fine for me ( running 2.0.9 ) it is JUST the new install on one of parked sites with the NEW 2.1.7 I have to enlarge the screen . Right now in Firefox and the OLD OLD OLD Win explorer every thing is ok except the lil boxes and when you quote a thread post it is still smll texts. I have not tried any other versions of microsquash . I have different Browsers at the shop to check . Like I said earlier I am learning the NEW improved 2.1 before I change all my other sites to it . Relly appreciate all the help and input .
 

Bob Clifton

#9
I put everything back to the way it was and will use Shawn's and everybody elses advice . But did learn to find files and edit stuff . Now to find out why my e-mail and announcements won't work and get a theme goin and gallery working right . Thanks folks !