Change page / headline font?

Viewing 8 replies - 1 through 8 (of 8 total)
  • richarduk

    (@richarduk)

    13 years, 7 months 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;
}
    Thread Starter Highwhistler

    (@highwhistler)

    13 years, 7 months ago

    Thank you Richarduk!

    jimchicago

    (@jimchicago)

    13 years, 1 month 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)?

    richarduk

    (@richarduk)

    13 years, 1 month 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;
    erinabellydancer

    (@erinabellydancer)

    13 years, 1 month ago

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

    Thanks

    richarduk

    (@richarduk)

    13 years, 1 month 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;}

    jimchicago

    (@jimchicago)

    13 years, 1 month 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.

    richarduk

    (@richarduk)

    13 years, 1 month 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;
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change page / headline font?’ is closed to new replies.