Simple Machines Community Forum

SMF Support => SMF 2.0.x Support => Topic started by: Siirist on July 12, 2016, 11:42:45 AM

Title: Where do I change "posting" font face and font size?
Post by: Siirist on July 12, 2016, 11:42:45 AM
Hi,

The current font face on the forum is Veranda and the font size is at 9pt.

Is this changed in the Post.php? And if so, what line should I search for?

Thanks in advance.

Be Well,
Siirist
Title: Re: Where do I change "posting" font face and font size?
Post by: Kindred on July 12, 2016, 12:00:56 PM
index.css
Title: Re: Where do I change "posting" font face and font size?
Post by: d3vcho on July 12, 2016, 12:09:52 PM
Hey!

You can avoid most of these questions by doing right click on the section you want to change anything, and clicking on: "Inspect Element".

This will display a window on your browser with some details of the code and the css. For example, I just clicked on a message to see what to change, and the class I should search for on index.css was .body. Try to do it by yourself :)
Title: Re: Where do I change "posting" font face and font size?
Post by: Kindred on July 12, 2016, 12:58:06 PM
do note...   that would change the font-face for *ALL* text on the site, except where specifically, otherwise specified.

If you want the font in the post box to be different, you would have to ADD sub-level CSS to deal with the specific section you want to affect
Title: Re: Where do I change "posting" font face and font size?
Post by: Siirist on July 12, 2016, 01:18:01 PM
Kindred and d3vcho,

Thank you for your reply, yet they illustrated that I was to vague. I forgot that it is possible to change font face and size almost anywhere depending on what file is modified.

To clarify, I want to change the settings so that when any member posts (unless they change it) by default the font face will be trebuchet ms and the font size to 10pt.

Quote
This is a sample of how I would like the typical post to appear.

Quote
This is more difficult to read.

Thanks again.

Be Well,
Siirist
Title: Re: Where do I change "posting" font face and font size?
Post by: Illori on July 12, 2016, 01:21:16 PM
do all your members agree on which size and font face to use? personally i think the one you suggest is harder to read then what is in use already.
Title: Re: Where do I change "posting" font face and font size?
Post by: Kindred on July 12, 2016, 01:29:30 PM
right...   so, I just told you what you have to do...   define the font-face for the posts by adding the font-face declaration to:

.post, .personalmessage {
...
}

in index.css
Title: Re: Where do I change "posting" font face and font size?
Post by: Siirist on July 12, 2016, 01:35:27 PM
Quote from: Illori on July 12, 2016, 01:21:16 PM
do all your members agree on which size and font face to use? personally i think the one you suggest is harder to read then what is in use already.

Illori,

It is a new forum. Thus, there are no members to agree, however, I am willing to accept criticism.   ;)

How about changing the font size from 9pt to 10pt like this?

"This is a sample of how I would like the typical post to appear."


Quote from: Kindred on July 12, 2016, 01:29:30 PM
right...   so, I just told you what you have to do...   define the font-face for the posts by adding the font-face declaration to:

.post, .personalmessage {
...
}

in index.css

Hmmm, okay, will read up via ehow(dot)com.   :)

Thanks to you both.   :D

Be Well,
Siirist

EDIT: "Cannot find the text ".post, .personalmessage"
Thinking I need to go to "Help: Paid" board.
Title: Re: Where do I change "posting" font face and font size?
Post by: Kindred on July 12, 2016, 01:56:17 PM
your theme may differ.

In the default theme

Code (line 2085) Select

.post {
    clear: right;
    margin-top: 0.5em;
}

and
Code (line 545) Select

.post, .personalmessage {
    line-height: 1.4em;
    overflow: auto;
    padding: 0.1em 0;
}
Title: Re: Where do I change "posting" font face and font size?
Post by: Siirist on July 12, 2016, 05:18:53 PM
Kindred!!   Thank you soooooo much!   :D

Will give that a go, I was looking at the wrong file - index.php

Did this to the Themes/default/css/index.css
(line 544-551)
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.4em;
font-size: 12pt;
padding: 0.1em 0;
}


And this
(line 2082-2086)
.post
{
margin-top: 0.5em;
font-size: 12pt;
clear: right;
}


No change

*sigh*


Oh well, I have another problem that surface about a week ago when I installed a Mod, (I think it did something to the index.template.php) because it looks like the attachment in the Admin areas.

Willing to toss $ your way.  It's of course completely up to you if you want to take a look see.


Regardless of your choice, Be Well,
Siirist
Title: Re: Where do I change "posting" font face and font size?
Post by: br360 on July 12, 2016, 06:08:34 PM
If you are using a custom theme, make sure to edit the index.css of that theme
Title: Re: Where do I change "posting" font face and font size?
Post by: Antechinus on July 12, 2016, 06:25:01 PM
Quote from: Siirist on July 12, 2016, 05:18:53 PM
Kindred!!   Thank you soooooo much!   :D

Will give that a go, I was looking at the wrong file - index.php

Did this to the Themes/default/css/index.css
(line 544-551)
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.4em;
font-size: 12pt;
padding: 0.1em 0;
}

No need to add the font-size in both places. This one is sufficient. But as br360 says, you need to do it in your custom theme's CSS.


QuoteOh well, I have another problem that surface about a week ago when I installed a Mod, (I think it did something to the index.template.php) because it looks like the attachment in the Admin areas.

Willing to toss $ your way.  It's of course completely up to you if you want to take a look see.


Regardless of your choice, Be Well,
Siirist

That should be an easy fix. Which mod was it? Also, which theme are you using? I suspect something was coded for one of the 2.0 RC's, since I remember that bug from 2.0.x development days.

ETA: Found it. Check this out: RC4 themes used with RC5 (http://www.simplemachines.org/community/index.php?topic=422063.0)
Title: Re: Where do I change "posting" font face and font size?
Post by: Siirist on July 12, 2016, 09:08:08 PM
Quote from: Antechinus on July 12, 2016, 06:25:01 PM
Quote from: Siirist on July 12, 2016, 05:18:53 PM
Kindred!!   Thank you soooooo much!   :D

Will give that a go, I was looking at the wrong file - index.php

Did this to the Themes/default/css/index.css
(line 544-551)
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.4em;
font-size: 12pt;
padding: 0.1em 0;
}

No need to add the font-size in both places. This one is sufficient. But as br360 says, you need to do it in your custom theme's CSS.


QuoteOh well, I have another problem that surface about a week ago when I installed a Mod, (I think it did something to the index.template.php) because it looks like the attachment in the Admin areas.

Willing to toss $ your way.  It's of course completely up to you if you want to take a look see.


Regardless of your choice, Be Well,
Siirist

That should be an easy fix. Which mod was it? Also, which theme are you using? I suspect something was coded for one of the 2.0 RC's, since I remember that bug from 2.0.x development days.

ETA: Found it. Check this out: RC4 themes used with RC5 (http://www.simplemachines.org/community/index.php?topic=422063.0)

Antechinus,

Modification to Themes/Clarity/css/index.css
[code (lines 513-520]
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
   overflow: auto;
   line-height: 1.4em;
   font-size: 12pt;
   padding: 0.1em 0;
}
[/code]

No change   :(
EDIT: It worked and has all posts on the forum now at the 10pt size.  SWEET!!!


PERFECT Solution for the big space on page!

I am beginning to think that having more than the default theme is a general p.i.t.a.
Modified both the Themes/default/css/index.css and the Themes/Clarity/css/index.css  as follows
#main_admsection #basicinfo .botslice
{
clear: both;
overflow: hidden;
}


Didn't work   :(


Should I fetch margarett (has worked on my forums before) or is someone else interested in fixing the font size, my "wrecklessly created" theme, and the big space?


Most Sincerely,
Siirist
Title: Re: Where do I change "posting" font face and font size?
Post by: br360 on July 12, 2016, 09:27:44 PM
Make sure to do a hard refresh (ctrl + F5) after you make any changes to your css.  ;)

Title: Re: Where do I change "posting" font face and font size?
Post by: Siirist on July 12, 2016, 10:02:21 PM
Yeah, I had logged out and in a couple of times and then I noticed the font size was bigger in the posts that I had to modify.   :)


As the initial issue of this post has been solved, I am marking it as such. Thank you.

I will contact someone about the other paid help I need with the other issues.

Be Well,
Siirist