Need help? Check out our Support site, then

Adding logo to hosted theme

  1. Is there a way to add a custom logo above the header image on Twenty Eleven hosted theme? Maybe through custom CSS? Thanks.

    The blog I need help with is

  2. Yes there is, can we have a link to the site you are talking about please.

  3. It would be helpful if you provided a direct link to a logo file too. If you need to upload one, you can add it to your media library and then get the image URL from there.

  4. thanks guys, my site is:

  5. I'd like to add the logo above the header image - instead of the title of the blog. Again, this is a hosted them and I have purchase the custom CSS upgrade.

  6. Without adjusting the size of the area up there, you have about 100px in height to work with and still have good white space.

    Have you designed your logo yet?

  7. Sure. But how do you do that?

  8. In general, you would do the following and then replace URL OF IMAGE between the double quotes with the URL of the logo you upload to your media library. It could require some margins and padding, and possibly even a height declaration just depending on the nature and size of your image.

    #branding hgroup {
    background: url("URL OF IMAGE") repeat scroll 0 0 red;
    #site-title, #site-description {
    display: none;
  9. Upload the image to your media library (media > add new in the dashboard) when it uploads, toward the bottom of the upload page will be the URL of the image in a grey field. Get that URL and post it here in this thread and then we can get it worked out for you.

  10. how do you do the height declaration?

  11. As below. You can adjust the 140px value as needed.

    #branding hgroup {
    background: url("URL OF IMAGE") repeat scroll 0 0 red;
    height: 140px;

Topic Closed

This topic has been closed to new replies.

About this Topic