Hemingway Rewritten – add logo

iamgulliver · Member · May 1, 2014 at 4:10 pm
Copy link

Add topic to favorites
If I should have posted this in themes, I’m sorry.

With Hemingway Rewritten, I want to add a logo to replace the site-info box. The .org variant has such an option.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 1, 2014 at 8:42 pm
Copy link
You can try out and preview custom CSS before you buy as explained here.

Not knowing the size of your logo image, I arbitrarily use a width of 300px and height of 200px in the following example. Upload the image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image.

Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.site-branding {
    background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 200px;
    width: 300px;
}
.site-branding .site-title a {
    color: rgba(0, 0, 0, 0);
    display: block;
    line-height: 150px;
}
```
The second rule above turns the site title text transparent and makes is span almost the entire logo image so that it remains clickable as a link to the home page.
iamgulliver · Member · May 2, 2014 at 6:07 am
Copy link
Thanks.
thesacredpath · Member · May 2, 2014 at 5:59 pm
Copy link
You are welcome.

No items found.