Another quick question

Started by Joe_, May 12, 2011, 11:48:13 PM

Previous topic - Next topic

Joe_

How would i change the font size on the forums, if you don't know what i mean exactly i uploaded a picture.

if someone could help, i would be very grateful :D

Joe_

Oh by the way, I'm using the latest version of SMF if that helps o.o

madturnip

Not that I am the most qualified to answer this, but it can be done in the CSS stylesheet for your particular template.

Joe_

Yeah thats what i was thinking, but I'm kinda a newb when it comes to CSS  :-\

madturnip

#4
http://www.coffeecup.com/stylesheet-maker/
or
http://www.blumentals.net/rapidcss/download.php


This is a program that you can use on a trial basis.  Just copy the CSS code into it and you can get a visual of what you are working with.   

Joe_

Only thing is the laptop i'm currently on has like no space left, so i really cant download anything on this one, and my other one i left at a friends by mistake :S

madturnip


Joe_

Hm, its a useful site, but I've browsed through the site and i haven't found anything about how to change text size o.o

madturnip

#8
Take the following code for example:


body
{
  font-family: Verdana, Arial, Helvetica;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 17px
}


In this style, when "body" is called it will have a font that is formated to this:  Body style format example

The background color is HEX for white and the color is black represented by six 0's.  Browsers are smart enough to even use the word black or white.

Example:   background-color: white;   instead of   background-color: #FFFFFF


Copy your CSS file, or code, to this post and let me know what size you want the font to be and I will help you.   You can do percentage as well.

Joe_

The css file was to long, so I'll just upload it,

and i was trying to make the text size 11px for that area

madturnip

You just want news and announcements bigger?

Joe_

Well not just that one, I have 18 category's and I was trying to make them the same font size :P

Matthew K.

Hey there!

Would you please provide a link to your website so I can go and take a peak?


madturnip

You might need to modify the actual PHP template file to do that.  I think the template references a generic text size style.  You could create a new entry in the style sheet and then change the code in the PHP file.

madturnip

Quote from: madturnip on May 13, 2011, 01:20:53 AM
You might need to modify the actual PHP template file to do that.  I think the template references a generic text size style.  You could create a new entry in the style sheet and then change the code in the PHP file.

Your in good hands with Labradoodle-360  -- I will step aside.

Matthew K.

Oh, there's nothing wrong with other people helping...it's nice to relax sometimes :)

Would you please attach your themes index.css?

Joe_


Matthew K.

I've modified and attached your index.css file, which will enlarge your board titles, although I had to guess at a specific size, so here's how you change it.

Open index.css and you'll find the CSS for the title here:
/* the board title! */
.table_list tbody.content td.info a.subject
{
   font-weight: bold;
   font-size: 130%;
   color: #3C3C3C;
}

Joe_

Hm, it doesn't look like the text size changed :S

Edit: Oh it works, it just took a few seconds :D thanks guys :)

Advertisement: