By solidlink on

http://gratifytuition.com/drupal/tuition

I've managed to do it for other parts, but not for the body font size for this particular theme. Can someone guide me on how to change the css font size for the body (content) such that I dont have to manually use HTML to code it everytime? Im not that adept with CSS

Comments

dsanchez’s picture

dsanchez commented

in your css file

http://gratifytuition.com/drupal/themes/drupal_theme_90/style.css

in

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #DCE3EA;
	background-image: url('images/Page-BgTexture.jpg');
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: top left;
}

add the property:

font-size:value;

where value is the size of your font by default, for instance, 75%

if you want to style your paragraphs (i.e., the main content in your nodes), then style the element "p".

solidlink’s picture

solidlink commented

hi, i followed your instructions but i dont think there was any difference........

legend112’s picture

legend112 commented

first off, i hope you use Firefox.

Download an addon called Firebug that makes editing pages and css real simple. i'm a newbie myself but i know how simple it is now :)

Next, when you activate it you're able to click on an element to view its properties and edit some of its values and see their effect on the fly.

In your case, the page has various font-size declarations. In drupal_theme_90 -> style.css there's a body element with a font size that affects what you see in the content area.

The blocks on the side seem to have their own as well. so just use the firebug addon and see where that leads you.

good luck :)

koneru.46@gmail.com’s picture

koneru.46@gmail.com commented

Try changing these lines 

body {
color:#0F1419;
font-family:Tahoma,Arial,Helvetica,Sans-Serif;
font-size:11px;
font-style:normal;
font-weight:normal;
}

In your style.css file , body{} block was written two times and has the same property "font-size" in both of them.The first one is overridden by the second one.Try changing the value of font-size in second one ( located at line number 1046 in your style.css file).

Firebug will be handy in these situations.Install firefox addon called firebug.