Image in place of blog title

urbandescent · Member · Jul 10, 2014 at 2:36 am
Copy link

Add topic to favorites
Hi all,

I’m using the bloggy theme, and was wondering if anyone could help me to use an image in place of the blog title? CSS isn’t my strong suit. :)

Any help would be much appreciated!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 10, 2014 at 5:50 pm
Copy link
Hi there, yes, this can be done. In Bloggy, the site title has an area of about 320px wide x 90px tall although the image can be smaller, or larger with some additional adjustments. I would suggest sticking to a width of about 320px so that it fits better with the screens on smart phones.

To do this, 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 and then go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the custom CSS.
```
#site-title h1 {
    background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 93px;
    max-width: 340px;
}
#site-title h1 a {
    color: rgba(0, 0, 0, 0);
    display: block;
}
```
urbandescent · Member · Jul 17, 2014 at 5:15 am
Copy link
Worked great! Thanks for your help.
thesacredpath · Member · Jul 17, 2014 at 7:43 pm
Copy link
You are welcome.

No items found.