Seemingly basic CSS/theme font question

  • Resolved joegore

    (@joegore)


    14 years, 7 months ago

    Hi folks — a near-newb question:

    I’m creating a wp site around the “Sliding Doors” theme, which I’m currently customizing via the style.css file. So far, trial-and-error has been working just fine. But I hit a snag . . .

    I want the headlines of each post and the elements in the content sidebar to be in a sans-serif font, but they currently display in my browser’s default (serifed) font. A search through the style.css file for the word “font” reveals only only sans-serifed fonts (plus the slab-serifed courier, which I inserted, and which displays as desired).

    Here is an annotated screenshot highlighting the problem areas. Or the opus in progress can be viewed in all its disarray at https://www.joegore.com/wordpress.

    Is it expected behavior that the fields I want to change appear in the browser’s default font? And can anyone advise me on inserting code to get the sans-serifed satisfaction I seek?

    Thanks in advance for any help — especially super-specific, bonehead-friendly help! ??

Viewing 6 replies - 1 through 6 (of 6 total)

  • Try adding the appropriate font-family rule to .sidebar and .post h2.

    close the open double quotes on the first font name in this style:

    body {
	text-align: left;
	color: #000;
	font-family: "Lucida Sans Unicode, Lucida Grande, sans-serif;
	background-color: #fff;
}

    in style.css of your theme

    https://www.w3schools.com/CSS/pr_font_font-family.asp

    Oh – I totally missed that! :-/

    Thread Starter joegore

    (@joegore)

    Thanks so much. I tried that out, and it didn’t do the trick — but I have to assume that’s operator error.

    Here’s how the sections of code looked before I changed them:

    #content .post h2 a {
	color: #FFF;
	text-decoration: none;

	padding: 3px 0;
	font-size: 24px;
	font-weight: bold;

    …and…

    #sidebar h2 {
		font-weight: normal;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	padding-top: 8px;

    …and after:

    #content .post h2 a {
	color: #FFF;
	font-family: "Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-decoration: none;

    …and…

    #sidebar h2 {
		color: #FFF;
		font-family: "Lucida Sans Unicode, Lucida Grande, sans-serif;font-weight: normal;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	padding-top: 8px;

    As you can see when clicking on the link in my initial post, there’s no font change. (I’m leaving in the newly-edited code for now.)

    But of course, I could be —?probably am — doing something incredibly dumb. Anyone have a clue?

    Thanks a zillion!

    Thread Starter joegore

    (@joegore)

    Whoops — posted my last that before receiving alcymyth’s reply. Going to check that out now. ??

    Thread Starter joegore

    (@joegore)

    Bingo! Thanks so much, guys! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Seemingly basic CSS/theme font question’ is closed to new replies.