You are very welcome. I got tired of seeing everything so boxy.
The text on the banner is actually added to the image from an image program. Most image programs will let you add text, so if you have one, you can do that too. Otherwise you can check out the various sliders available that lets you add text or other elements that float on top of the image(s).
The default styling for the site title uses a Google font called Playfair Display and is part of the default styling:
.site-title {
font: italic 2.625rem/1.1 "Playfair Display", Georgia, serif;
}
To change it, or other fonts, it’s usually best to use a font plugin that lets you do just that. If you are wanting to use a font that is standard on Windows and MAC’s, then you can simply use CSS to change it like you see in the code above without the need of a font plugin.
This will be the same for anything that uses a font.
Headings….you would apply the custom font family (such as Arial, Helvetica, etc) to this:
h1, h2, h3, h4, h5, h6 {
margin: 16px 0;
font-family: "Playfair Display", Georgia, Serif;
font-weight: 400;
font-style: italic;
line-height: 1.1;
}
The Tagline:
.site-description {
display: inline-block;
position: relative;
font-family: "Open Sans",sans-serif;
font-size: 0.875rem;
color: #828282;
border-left: 1px solid #ccc;
margin-left: 10px;
padding-left: 10px;
line-height: 2;
top: 3px;
bottom: 3px;
}
If you are making CSS changes, it will depend on the font plugin as some offer a lot of features while others are limited. But if you need to do something more with customizing fonts, then add your custom CSS using a plugin like Simple Custom CSS. If you use Jetpack, then you can use its Edit CSS feature.
This allows you to keep getting theme updates without losing your changes.
