WordPress.org

1. Highwhistler
   Member
   Posted 1 year ago #

   This has to be a real easy one:

   How do I change the headline font from the Arial family, bold ... to the Georgia family, normal, 36 point?

   Please check the bold, Arial-like "Goddess in Bluejeans" page headline here:

   http://rhianne.ipower.com/blog/?page_id=22

   Thank you.[/size]

2. richarduk
   Member
   Posted 1 year ago #

   Find this in style.css

   .post h1
   {
   
   	font-size:30px;
   	font-weight:700;
   	padding-bottom:10px;
    	line-height:32px;
   }

   Change it to this:

   .post h1
   {
           font-family:Georgia;
   	font-size:36pt;
   	font-weight:normal;
   	padding-bottom:10px;
    	line-height:32px;
   }

3. Highwhistler
   Member
   Posted 1 year ago #

   Thank you Richarduk!

4. jimchicago
   Member
   Posted 1 year ago #

   I tried to locate those lines (starting with ".post h1") in my CSS file that Richarduk recommended, but couldn't. Then I found this block:

   #content .entry-title {
   	color: #000;
   	font-size: 21px;
   	font-weight: bold;
   	line-height: 1.3em;
   	margin-bottom: 0;

   And by changing the number in the font-size line, I'm able to adjust my headlines' size.

   But how would I change the headline font and/or color? As Highwhistler said at the start, this kind of thing should be SO easy (right)?

5. richarduk
   Member
   Posted 1 year ago #

   @jimchicago You might have a different theme from Highwhistler

   #content .entry-title {
   	color: #000;    /* color: red; */
           font-family:arial;
   	font-size: 21px;
   	font-weight: bold;
   	line-height: 1.3em;
   	margin-bottom: 0;

6. erinabellydancer
   Member
   Posted 1 year ago #

   I don't have either of those codes, I'm using 3.0.1, what should I look for?

   Thanks

7. richarduk
   Member
   Posted 1 year ago #

   @ erinabellydancer I'm guessing you're using the default twenty ten theme?

   If so:

   For multiple post pages, change font color
   

   .entry-title a:link,
   .entry-title a:visited {
   	color: #000;
   	text-decoration: none;
   }
   .entry-title a:active,
   .entry-title a:hover {
   	color: #ff4b33;
   }

   For single post poges and multiple post pages - change font- family
   

   #wp-calendar,
   .comment-meta,
   .comment-body tr th,
   .comment-body thead th,
   .entry-content label,
   .entry-content tr th,
   .entry-content thead th,
   .entry-meta,
   .entry-title,
   .entry-utility,
   #respond label,
   .navigation,
   .page-title,
   .pingback p,
   .reply,
   .widget-title,
   .wp-caption-text,
   input[type=submit] {
   	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
   }

   For the single posts change font color
   

   #content h1,
   #content h2,
   #content h3,
   #content h4,
   #content h5,
   #content h6 {
   	color: #000;
   	line-height: 1.5em;
   	margin: 0 0 20px 0;
   }

   To change font sizes on both single and multiple post pages, add something like this at the bottom of the style sheet. You could add font families in there as well and it'll over ride any previous settings
   

   h1 {font-size:16px;line-height:18px;}
   h2 (font-size:14px; line-height:16px;}

8. jimchicago
   Member
   Posted 1 year ago #

   Thanks, Richard, I'm now able to change my headline font.

   But what does the /* color: red; */ do? With the hexidecimal number just to the left of it, I don't see how that piece of code could have any effect on the color of the font . . . and so far, for me it isn't changing it.

9. richarduk
   Member
   Posted 1 year ago #

   @jimchicago

   Sorry, it's difficult to know what level people are at and what level future readers will be at.

   That was just an example of changing the code.

   What I should have done was this:

   #content .entry-title {
       color: #000;    /* Change  #000; to the color that you want */
           font-family:arial;
   	font-size: 21px;
   	font-weight: bold;
   	line-height: 1.3em;
   	margin-bottom: 0;

Topic Closed

This topic has been closed to new replies.