Default font size

lynnl999
(@lynnl999)

5 years, 12 months ago

Hi,

I would like to change the default text font to something a little darker. Can someone assist with the custom CSS for this? Thank you!

The page I need help with: [log in to see the link]

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

Thread Starter lynnl999
(@lynnl999)

5 years, 12 months ago

So I got the google font plugin, and that’s working on all pages except for my blog page:

https://socounties.dream.press/blog/

and this page, where we have the Petfinder plugin running:

https://socounties.dream.press/adoptable-cats-kittens/

So I suspect there is custom CSS that can help me. Basically I’d like to set the paragraph and header fonts to Verdana, but without changing the menu fonts.

Thank you if you can help! I’ve tried the advice in several different non-Dara specific how-to’s, but nothing is working that doesn’t also change the menu fonts.

sacredpath
(@sacredpath)

Automattic Happiness Engineer

5 years, 11 months ago

Hi there, I’m seeing the same fonts on your blog page as I see on your main page. The adoptable cats and kittens page, which I reached from your Adopt menu, also is displaying the same font as the blog and your main page. Did you get this resolved?

Thread Starter lynnl999
(@lynnl999)

5 years, 11 months ago

Yes, I found it somewhere 🙂 Thanks!

I was wondering, do you know how to shrink the white space around the social media menu on the top? I’d like some white space just not quite as much.
sacredpath
(@sacredpath)

Automattic Happiness Engineer

5 years, 11 months ago
Hooray!

There is top and bottom padding (2.4em) on the site branding div, which is where the social icons are. Add this to your custom CSS and adjust the 1.5em values I have as desired.
```
.site-branding {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
```
Thread Starter lynnl999
(@lynnl999)

5 years, 11 months ago

Perfect! Thank you!

sacredpath
(@sacredpath)

Automattic Happiness Engineer

5 years, 11 months ago

You are welcome.

andreaoguanco
(@andreaoguanco)

5 years, 11 months ago

Hello, may I know what plugin did you use to change the font for Dara theme? I altered the CSS but font changes back to default when I click the article post.

Thread Starter lynnl999
(@lynnl999)

5 years, 11 months ago

I didn’t use a plugin. I used CSS:

/*fonts*/
.post {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

.footer-widget-area {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

.content-area {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

h1 {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

h2 {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

h3 {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

h4 {font-family: ‘Calibri’, Candara, Segoe, ‘Segoe UI’, Optima, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black; }

Sometimes when I click “customize” it shows the teal again for some reason, but it goes back to the right color when I close the window.

(The site is now at southerncountiesrescue.org)

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

The topic ‘Default font size’ is closed to new replies.

Tags