You can replace the site title with a logo without having to edit the theme files. This custom CSS is a start:
.site-branding {
background: url("your/path/to/image") no-repeat scroll 0 0 transparent;
}
.site-title {
display: none;
}
Replace your/path/to/image with the full path to your image in the media library, starting with http and ending with your image file extension, like png or jpg. Depending on the size and shape of your image, you may also need to adjust positioning, which you can do by changing the number 0 to something else.
Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
