Changing fonts from all caps to lower case for headings and header [#1233528]

I'm don't have much technical knowledge, so I hope someone can help me. I have installed the Pixture Reloaded theme for Drupal version 7.x - 1.1.

I have tried to customise the font as the style I want on my website is to have all headings and headers in lower case. I just can't seem to get the font to change from all caps.

Does anyone know how I can change this? Will I need to customise something? If so, I would appreciate information on how to do this.

Also, is there any way to change the font to a specific one instead of the default font families that come with the theme? The font I want to use is Euphemia.

Comments

Comment #1

Deepika.chavan CreditAttribution: Deepika.chavan commented 1 August 2011 at 10:42

Hi,

1. Create a custom css file say 'local.css' add following line of code in pixture_reloaded.info file.
stylesheets[all][] = local.css

2. If you want to change the font of all headings in lowercase. Then please add following css in local.css file.

#header h1, #header h2, #main-content h1 {
 text-transform: lowercase;
}

3. To change the font of heading of blocks, add following css in local.css :

.block h2 {
 text-transform: lowercase;
}

NOTE: 1. Please clear cached data.
2. Use 'font-family' property to change the font family and apply that font-family.
So the code will be .ff-sss, .ff-sss .form-text {font-family:"Times New Roman", Times, serif;}

HTH!!

Rgrds,
Deepika Chavan.

Comment #2

tatiana12 CreditAttribution: tatiana12 commented 1 August 2011 at 12:15

Thanks Deepika.chavan...I've done what you suggested and it worked.

Regards

Tatiana

Comment #3

Jeff Burnz CreditAttribution: Jeff Burnz commented 1 August 2011 at 15:37

Do you guys think we should put in a theme setting for lower case headings - right now there is just the one for all caps, but we could have options for lower case, small caps etc as well.