By alibasham on

I want to change the fonts; their type (from Arial to say Times New Roman), their color (Golden to Red) and their size.
Please tell me where should I do it in .css file of template.

Currently I am trying to do it on Analytic & Garland.

So far I have done this:

Opened the .css file.
Find all Times New Roman & replaced them with Arial.

However there was no effect!
I changed to another theme (Garland), meanwhile reloaded the Analytic theme but still it did not work!

Please also suggest how to change the backgrounds!

Regards,

Ali

⋅ Categories: Drupal 6.x

Comments

lelizondo’s picture

lelizondo commented

you add css to style.css

if you need more help about css there's plenty of tutorials on the web about css..

Luis

alibasham’s picture

alibasham commented

That is what I did!

I ammended the style.css files.

I have googled for the css tutorials but they are either starting from point blank or take more towards java etc.

I will be learning them with time; however currently I need a quick fix for this - should I continue with the style.css and hit & trial method.

Regards,

Ali

lelizondo’s picture

lelizondo commented

you need to change the 

body {
  font-family: whatever;
}

please read

http://www.w3schools.com/Css/css_font.asp

Luis

alibasham’s picture

alibasham commented

Thanks I am able to change the font colours and size - but I am unable to change the background.

I have been able to change the background color in bits and pieces but not entirely.

The theme I am working on is acquia slate

Can you guide me how to change the background color (currently it is black / dark grey); I want to make it lighter!

Regards,

Ali

lelizondo’s picture

lelizondo commented

I still think Google it's your best friend.

Luis

alibasham’s picture

alibasham commented

I can make almost many cosmetic changes in template - Acquia slate.

However all these changes are appearing in Firefox; but some of them are not appearing in IE (7.05370.13).

Can you kindly help with that!!

Regards,

Ali

lelizondo’s picture

lelizondo commented

I'll need you to be more specific. Don't know what changes.

Luis

alibasham’s picture

alibasham commented

I am only referring to the cosmetic changes via the style.css file.

I have been able to make all sort of changes (changes in font colour, font size, text placement, changes in h1, h2, h3, h4 (their color, their background, their hovering colours etc). I have also been able to change the colour of the entire page.

This change of page / body color is visible in the Fire Fox browser but it is not visible in the Internet Explorer browser.

The other changes like (changes in font colour, font size, text placement, changes in h1, h2, h3, h4 (their color, their background, their hovering colours etc) are visible in both Fire Fox as well as Internet Explorer.

Please guide me how to make the page / body color change also appear in Internet Explorer.

Regards,

Ali

lelizondo’s picture

lelizondo commented

did you clear the browser cache?

did you disable drupal cache?

Luis

alibasham’s picture

alibasham commented

Yeah, I have done those both things!

Still the only changes IE will not display are change of page colour!

If i could attach pictures here; then it would be quite obvious to what i am referring to?

Regards,

Ali

alibasham’s picture

alibasham commented

wait!

I have found a file in the acquia theme folder that suggests something to do IE 7 fixes; maybe this will help!

Regards,

Ali

alibasham’s picture

alibasham commented

Eureka...It worked!

However it means that certain information will be edited thrice for the changes in IE 6 & 7!

Regards,

Ali