I am trying to change the font size on my site.
When changing the font size in the following files, here is no change on the site.

public_html>>sites>>all>>themes>>pixture_reloaded

#pixture-reloaded {
font-family: "Helvetica neue", Helvetica, Arial, Verdana, sans-serif;
font-size 12px;

Am I changing the right file?
If so why no change on the site?
If not the right file, which file should I be looking for?

Thanks.

Comments

sumitshekhawat7331’s picture

use Mozilla firebug addone and edit your theme style.css and

In module folder ---- under system---system.css

BettyBlue’s picture

OK, I would like to add to that post.
If I use firebug and in the right side panel, under style, I have the same:

font-family:"Helvetica neue",Helvetica,Arial,Verdana,sans-serif;
font-size:12px;

If I change the font size here.
To anything above 12px, it throws out the superfish menu I am trying to use. Also. This does not remedy the fact that, if I change the font size in the pixture theme folder the settings do not apply.

Jeff Burnz’s picture

Don't change system.css, always a bad idea to hack Drupals core files.

Also, don't change this...

#pixture-reloaded {
  font-family: "Helvetica neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}

Too many page elements rely on that sizing.

What you need to do is set a font size for the specific region, block or node / node type that you want a different font size for. Do this in Pixture Reloaded's style.css file and then RE-SAVE the theme settings for it to take effect.

BettyBlue’s picture

Don't change system.css

It's a little late!

"What you need to do is set a font size for the specific region"
Really?

/*-------------------------------------------------------------------*/
/* Generic html elements */
/*-------------------------------------------------------------------*/
Don't see a font setting there

/*-------------------------------------------------------------------*/
/* Lists */
/*-------------------------------------------------------------------*/
Don't see a font setting there

/*-------------------------------------------------------------------*/
/* Links */
/*-------------------------------------------------------------------*/

Don't want to just change the link font

/*-------------------------------------------------------------------*/
/* Tables */
/*-------------------------------------------------------------------*/
font-size: 1em; ?????? Maybe???

/*-------------------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------------------*/
font-size: 1em; Ditto????

/*-------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------*/
Nope don't wish to change the footer

/*-------------------------------------------------------------------*/
/* Regular Blocks */
/*-------------------------------------------------------------------*/
Tried this. No change

/*-------------------------------------------------------------------*/
/* Sidebar Blocks */
/*-------------------------------------------------------------------*/
Nope don't wish to change sidebar fonts

/*-------------------------------------------------------------------*/
/* Poll */
/*-------------------------------------------------------------------*/
Am not using polls

/*-------------------------------------------------------------------*/
/* Node */
/*-------------------------------------------------------------------*/
Now here's a maybe. Ooohh. Lot's of stuff to try to change!!!!
I'll play with that this morning

/*-------------------------------------------------------------------*/
/* Comments */
/*-------------------------------------------------------------------*/
Nope comments are switched off.

/*-------------------------------------------------------------------*/
/* Aggregator */
/*-------------------------------------------------------------------*/
Not a clue!

/*-------------------------------------------------------------------*/
/* Forum */
/*-------------------------------------------------------------------*/
Hey I'll worry about that later.

/*-------------------------------------------------------------------*/
/* Profile */
/*-------------------------------------------------------------------*/
??? Don't think so

/*-------------------------------------------------------------------*/
/* Administer */
/*-------------------------------------------------------------------*/
Nope.

/*-------------------------------------------------------------------*/
/* Pager */
/*-------------------------------------------------------------------*/
No font size there.

/*-------------------------------------------------------------------*/
/* Tabs */
/*-------------------------------------------------------------------*/
Nope.

"What you need to do is set a font size for the specific region, block or node / node type that you want a different font size for"

Well I would love to change the font for a normal page.
I took a look in Administer>Site building and there are no blocks listed in the content section.
So I draw a blank there.

I have this post up as well.
node/317595

It seems that some things are.... ?? hidden??' no maybe not as well sign posted as they could be. Changing font size "should" be a pretty simple issue? No? Yet I have to post in a forum to try to get help?

I am not afraid of css but finding may way round drupal is becoming a drag!

Jeff Burnz’s picture

Ok then, moving right along, next...

Too many page elements rely on that sizing...

No wonder you had trouble with this, it appears I could only 18 800 000 pages referencing CSS font-size.

Tip, and another quote - don't bite the hand that feeds you.

PS - you do realise I built Pixture Reloaded.

BettyBlue’s picture

Your post says
"Ok then, moving right along, next...

PS - you do realise I built Pixture Reloaded."

And then I open the "Reply" in a new tab and get.....

"Ok then, moving right along, next...

Too many page elements rely on that sizing...

No wonder you had trouble with this, it appears I could only 18 800 000 pages referencing CSS font-size.

Tip, and another quote - don't bite the hand that feeds you.

PS - you do realise I built Pixture Reloaded."

If you can see I am asking where the hell Drupal hides the files.
I am happy to play with css, Finding the pages/files??? Na, not a clue.

I am not one normally to bitch in forums. I have been known to use forums to find help and offer help.

Don't remember saying Pixture Reloaded was crap.

But.
I will recommend any noob to stay away from Drupal.

Jeff Burnz’s picture

Its already been pointed out to you - style.css is where you set the font-size - you dont say WHERE or WHAT ELEMENT you want to change the font size for, so how am I supposed to know?

I gave you a generalised answer in reply to an extremely generalised question.

You also say you know a bit of CSS, so one assumes you realise that..

selector {font-size: 7em} will set the font size for that element, for example

h1 {font-size: 3em}
.class-selector {font-size: 463px}
#ID-selector {font-size: 15pt}

Not my job to teach you CSS.

BettyBlue’s picture

Forums aren't the place for people to shout at each other.

Tip, and another quote - don't bite the hand that feeds you.
Cuts both ways.

Will leave you alone and won't be bothered writing in the forums since it such a problem.

Jeff Burnz’s picture

No, they're not, neither are they the place for retorts such as http://drupal.org/node/317515#comment-1047124

I actually tried to help you - you decided the appropriate response to that was to point how I must wrong, without first examining your own lack of understanding. If this is your way of seeking clarification - good luck with that.

Upper case was used for emphasis, rather than to shout, apologies if it came across as such.

BettyBlue’s picture

So I got the font size changed.

A word of warning, (to noobs).
I don't know about the rest of drupal. But, in Pixture Reloaded the changes you make in style.css. Don't take effect, till you going and save the configuration inside the theme settings.

When I was trying to change the font size, I could not get anything to move using style.css. I cleared the site cache, browser cache. I checked using a different browser. Heck I even rebooted my computer. :-)

I got nowhere! So I got stupid.
Right thinks I. style.css?? Set font to 100px 1.2em, naa make that 100.2em :-)
You see where this is going?

Nothing, no change.
Not till I'm fiddling about and reset page width, and, click on save configuration. :-)

So, if any one who is new to Drupal and finds this thread.
I wish you good luck. And if you wish to try to change font size. Make sure to try to save the configuration in the theme settings.

I'm off and don't intend to rush back. Gopodbye.

jeanrog’s picture

Drupal can be frustrating when you start out. There are a lot of lingo to learn. And I certainly was feeling frustrated myself earlier tonight when I was trying to make changes to style.css and wasn't seeing those changes reflect on my pages. Glad I found this post.

Please take this with the best of intentions. jmburns explained

"What you need to do is set a font size for the specific region, block or node / node type that you want a different font size for. Do this in Pixture Reloaded's style.css file and then RE-SAVE the theme settings for it to take effect."

much earlier on in the post. Maybe you just didn't know what it meant to re-save the theme. I didn't either when I read it. But now I do, because of your last, angry post. It might have been more productive to read his whole response and ask, "Hey, what's it mean to re-save the theme?"

I'm a newb myself, so I might be wrong. But I don't think these guys get paid to do what they do -- build free themes and provide support. It's a good idea, as it always is, to try to put yourself in their shoes and treat them as you would have yourself treated.

sohlside’s picture

I know this post is older but thank you for the instructions, Jeff. I'm new to drupal and have even given up once. I edited my chosen theme (not yours but your advice worked anyway) and missed something. Found this and walked back through the steps and found my mistake. Thanks a bunch. This way was even a little more direct than the round-about method I was using (unnecessary steps lol). Thanks again.

ni68ana’s picture

This also helped me a lot - I was making all these changes to style.css but none of them showed up, didn't realize I needed to resave the theme settings in order for them to apply. Little things, but they drive you nuts and waste you lots of time if you're a noob and don't know where to find them...
So thanks Jeff :-)