Change font in posts

Resolved sillypad
(@sillypad)

10 years, 7 months ago

I want to change the font in my posts. I installed the google fonts plugin and don’t see any option to select the font when I’m editing the post. I also installed the CSS plugin and tried using this script to change the font but it hasn’t changed anything either. Is there another option? What am I doing wrong?

I went to Appearance – Custom CSS Manager – pasted this:

body {
font-family: Tahoma, Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 16px;
padding: 0;
margin: 0;
}

Viewing 15 replies - 1 through 15 (of 25 total)

1 2 →

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago

Let’s see your site.

Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

sure – http://theartofmotherhood.com/
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago
Looks like the CSS you need to target is this:
```
.entry-content,
.entry-summary
```
E.g;
```
.entry-content,
.entry-summary {
 font-family: Tahoma;
}
```
Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

thank you thank you thank you!! that worked perfectly!

i also want to change the darkness of the font in the homepage for the 4 items below. it’s too light before the hover:
1. Homepage name
2. “About” link
3. “Home” link
4. “+” sign at the bottom of the page

can i ask for your help here or start a new thread?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago

You can continue this thread.

It’s worth also reading up on CSS specificity and getting familiar with a tool like Firebug to help you with these queries.

Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

how do i also change the font of the “About” and “Home” links on the home page?

Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

I downloaded Firebug and tried to find the code to alter. I thought it would be this code below (to change the font color for “About” and “Home” links). So I pasted it to the Custom CSS Manager. But nothing happened…

.main-navigation a {
color: #6E6E6E;
display: block;
text-decoration: none;

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago

The colour turned to #6e6e6e on my screen (a slightly darker shade of grey than before). Did you clear your browser’s cache?

Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

That’s strange. Before you hover, did it turn to a darker shade or after you hover? I was trying to make it easier to see before the hover over.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago
Then try increasing the opacity on the header:
```
#masthead { opacity: 1; }
```
Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

I pasted that into the CSS Manager but I don’t see any changes. Do you?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago

Doesn’t look like it’s in your Custom CSS Manager
http://theartofmotherhood.com/?custom-css=1&csblog=1&cscache=6&csrev=7

Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

I pasted it into the Appearance/Custom CSS Manager but if you don’t see it, it looks like I need to put it into Appearance/Edit CSS instead. Does that sound right?

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 7 months ago

I don’t know, sorry, I was just going on that you had a Custom CSS Manager plugin.

Thread Starter sillypad
(@sillypad)

10 years, 7 months ago

Ok I just checked and I was missing a closing bracket, so it works in Custom CSS Manager now!

I tried using the firebug plugin (which is AWESOME!) but couldn’t figure out how to change the color of the circle for the “+” sign at the bottom of the page. Or increase opacity?

Viewing 15 replies - 1 through 15 (of 25 total)

1 2 →

The topic ‘Change font in posts’ is closed to new replies.