I would like to make my site header text lighter

chsprauve · Member · Mar 13, 2014 at 11:21 pm
Copy link

Add topic to favorites
Hi:

I would like to make my site header text lighter than it is currently (I use the Ryu theme). I tried this:

.wf-active .site-title, .wf-active .site-title a {
font-weight: lighter,

and while it changed when I entered the code (I saved the changes), when I refreshed my page the site title was still “normal,” not “lighter.” Any suggestions?

Thanks a lot!

I’m at http://blacknectar.me/

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 14, 2014 at 3:38 am
Copy link
Go back to Appearance > Customize > Fonts, and you can choose a lighter weight font from the dropdown to the right of the font size button (where it now says, “Regular”). There is a Light, Medium and Bold Weight in that font face.

If that makes the stroke on other headings too light, we can increase the font weight on those selectively.
chsprauve · Member · Mar 14, 2014 at 4:28 pm
Copy link
Thanks for the quick response!

I went to “Fonts” on the Customizer and made the change, but now the other headings (my post headings) are too light for my liking. How can the font weight be changed on those?

Thanks again!
thesacredpath · Member · Mar 14, 2014 at 4:53 pm
Copy link
Hi, add the following to your custom CSS to adjust the font size and weight of your post titles. I adjusted the font size down to 90px from the 109px it was since increasing the font weight make the made the title to to 3 lines, and 3 lines that large seemed too much. You can adjust it as you desire. This change will also change the page titles as well.
```
.wf-active .entry-title {
    font-size: 90px;
    font-weight: 800;
}
```
chsprauve · Member · Mar 14, 2014 at 5:08 pm
Copy link
I tried the above CSS and it worked in the preview, then I saved it and refreshed the page, but the post titles did not change.
thesacredpath · Member · Mar 14, 2014 at 6:12 pm
Copy link
You have the font weight set at 500 and it needs to be 800.
chsprauve · Member · Mar 14, 2014 at 6:27 pm
Copy link
It worked–thanks so much!

Is there any way to make the post headings slightly bolder (but not much more)?
If not, that’s fine.
thesacredpath · Member · Mar 14, 2014 at 6:36 pm
Copy link
No, 800 is the maximum font weight in CSS. You might however add a text shadow to the post/page titles to give them more weight. Add the following declaration to the code I had give you above and see what you think.

text-shadow: 1px 1px 5px #000000;
chsprauve · Member · Mar 14, 2014 at 6:42 pm
Copy link
Nice effect; I’ll keep it in my back pocket–but I think I prefer the headings without it.

Thanks for all your help–it is much appreciated!
thesacredpath · Member · Mar 14, 2014 at 6:46 pm
Copy link
You are very welcome and your site is looking great. I love your font choice on the headers/titles. Very clean looking.
chsprauve · Member · Mar 14, 2014 at 7:02 pm
Copy link
Thanks! I like simplicity :-)
thesacredpath · Member · Mar 14, 2014 at 7:13 pm
Copy link
You are welcome, and so do I. :)

No items found.