How do I make a Site Title and Logo?

I've searched and tried a half-dozen different custom codes to have both a Site Title and Logo at the top-left of my site header, and no luck.  I'm hoping someone out there can help me with this, please!

I've uploaded a site Logo; and then through Code Injection, in the "Header" section, I'm using this code:

// header title
.header-title-logo a:after {
    content: "Pride Hamilton";
    display: inline-block;
    font-size: 24px;
    font-family: Lato;
    color: white;
    text-align: center;
    vertical-align:middle;
    font-weight:900;
    padding-left: 20px;
}
.header-title-logo img {
    vertical-align: middle;

It's not actually doing anything though - as you can see in the screen grab below, it's just putting the code text in the header, and I can't seem to figure out what I'm doing wrong.

Your code is CSS, you need to add it to Website Tools > Custom CSS

DO not add to Code Injection