Add logo by css when not supported by theme

coopmail3 · Member · Jan 20, 2015 at 2:55 pm
Copy link

Add topic to favorites
I have had a logo produced and want it to sit on the top right of my homepage. I’ve just checked how to add it but the box on the appearance customise does not appear to add logo.
I don’t want to change theme as I’ve already changed once and like this one.
Is there a way to add it maybe with coding? I’ve added it as a gallery at the bottom of my sidebar for now but its not prominent enough.
Please can you advise further.
Thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 20, 2015 at 7:04 pm
Copy link
Hi there, you can use the following CSS. Your logo is actually too tall for the height, so I’ve increased the height slightly so that it is more readable. If you wish to see what it looks like without the height increase, delete the height declaration from the following.
```
.site-header hgroup {
    background: url("https://yorkshirerosebrides.files.wordpress.com/2015/01/yorkshirerosebrides-com-3.png") no-repeat scroll right top / contain rgba(0, 0, 0, 0);
    height: 120px;
}
```
See what you think and we can go from there.
coopmail3 · Member · Jan 22, 2015 at 5:22 pm
Copy link
Thanks, I’ve got it on now. Is there anyway to make it appear a bit bigger?
thesacredpath · Member · Jan 24, 2015 at 8:35 pm
Copy link
Yes, just increase the height in the above as desired.

No items found.