Changing Fonts in Themes.
alibasham - April 10, 2009 - 06:46
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
you add css to style.css if
you add css to style.css
if you need more help about css there's plenty of tutorials on the web about css..
Luis
That is what I did! I
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
you need to change the body
you need to change the
body {font-family: whatever;
}
please read
http://www.w3schools.com/Css/css_font.asp
Luis
Thanks I am able to change
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
I still think that Google
I still think Google it's your best friend.
Luis
changes are appearing in Firefox; but not in Internet Explorer.
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
I'll need you to be more
I'll need you to be more specific. Don't know what changes.
Luis
I am only referring to the
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
did you clear the browser
did you clear the browser cache?
did you disable drupal cache?
Luis
Yeah, I have done those both
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
wait! I have found a file in
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
Eureka...It worked! However
Eureka...It worked!
However it means that certain information will be edited thrice for the changes in IE 6 & 7!
Regards,
Ali