[tinker123]

tinker123

#8163

WordPress 3.6.1

Graphene 1.9.2

Hi,

I’m helping a friend update her web site which is running with wordpress and graphene.

The changes she would like are

h1 – lucidia sans 16pt

h2 – lucida sans 14pt

body – garamond 12pt

img captions – garamond 11pt bold

Can this be done through the Graphene UI? If so, how?

If not, do I need to go into the style sheet?

If so, what are the names of the classes or ids I need to look for?

Thanks much in advance for any information or help

[Kenneth John Odle]

Kenneth John Odle

#40589

Graphene Options >> Display Options >> Custom CSS

Enter

h1 {font-size: 16pt; font-family: lucida sans;}

h1 {font-size: 16pt; font-family: lucida sans;}

.entry-content p {font-size: 12pt; font-family: garamond;}

I forget about the html for captions; you can nail that down using Firebug.

Keep in mind that if visitors don’t have these fonts on their computers, they won’t show up. The only way to guarantee this kind of compatibility is to use a webfont.

Quote:

If not, do I need to go into the style sheet?

Do NOT edit theme files. It causes all sorts of problems.

[tinker123]

tinker123

#40590

Wow! Thanks Kenneth.

Is it fairly easy to install webonts? ( never heard of them )

[Kenneth John Odle]

Kenneth John Odle

#40591

Yes. Graphene has this feature built-in. Graphene Options >> Display Options >> Text Display Options >> Google Webfonts.

[tinker123]

tinker123

#40592

Quote:

Yes. Graphene has this feature built-in. Graphene Options >> Display Options >> Text Display Options >> Google Webfonts.

I found this in that spot in my friends blog, is the format correct?

Lucida+Sans: : Garamond

Could you show me an example of how to enter one of my friend’s font choices?

[Kenneth John Odle]

Kenneth John Odle

#40593

Enter this:

Lucida+Sans

Garamond