How Do I Replace Site Name with Image in Bueno Theme?

  • Unknown's avatar
    daneen924 · Member ·

    I’m new to WP and I need help customizing my site. Instead of the site title in text at the top left, I want to use my logo, which is a jpg image. How do I do this (I don’t want to go the typical header route)? I also want to make the logo hyperlinked so when people click it, it will take them back to my home page.

    Can someone help? This should be so easy, but I’m so lost. Thanks!

    PS – I have upgraded to Custom Design and have access to CSS, if this helps.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Hello there,
    Staff do help with CSS editing but won’t be available until tomorrow to assist you.

  • Unknown's avatar
    designsimply · Member ·

    First, upload the image you would like to use to your media library and copy the URL.

    To replace the site title with an image in the Bueno theme, try this:

    #header h1 a {
display: block;
background: url(YOUR_IMAGE_URL) no-repeat;
width: YOUR_IMAGE_WIDTH;
height: YOUR_IMAGE_HEIGHT;
text-indent: -9999px;
}

    Replace YOUR_IMAGE_URL with your image URL and YOUR_IMAGE_WIDTH and YOUR_IMAGE_HEIGHT with your image’s width and height.

  • Unknown's avatar
    christiandcompany · Member ·

    So glad you posted this question, I had exactly the same request. The code worked like a charm and I was sooooo excited until I discovered it did not populate my logo on all of my pages…only my home page. Were you successful?

    Staff? Do you have a solution for me?? Please!!!!! I need to go public ASAP.
    Thanks!

  • Unknown's avatar
    designsimply · Member ·

    Try “#header .site-title a” instead of “#header h1 a”. If you include “a” in the selector, that will also keep the logo clickable.

  • Unknown's avatar
    christiandcompany · Member ·

    Thank you!

  • The topic ‘How Do I Replace Site Name with Image in Bueno Theme?’ is closed to new replies.