Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Adding Logo in Bueno Theme

  1. vegetarianepicurean
    Member

    Hi -

    I'm hoping to customize my blog a little more and I'm wondering if it's possible to add a logo using CSS.

    I'm hoping to add something above the About and Notes section. If I can do it, how do I go about doing it?

    Thanks in advance for any help!

    The blog I need help with is vegetarianepicurean.com.

  2. timethief
    Member

    Just in case you didn't know this Bueno allows for a custom header image That means you can make a header with a logo in it and upload it free of charge - no CSS editing required.
    >Appearance > Header

  3. thesacredpath
    Member

    @vegetarianepicurean, let us know if the custom header option time thief referenced will work for you. If not, let us know, and upload the logo image you want to use to your media library and post a link to that file here in this thread and we will help you work out the CSS.

    ~~ @ TT

  4. vegetarianepicurean
    Member

    I saw how to make it the header, but then it is really big under the name. I'm hoping for it small above the right column of options.

    http://vegetarianepicurean.com/?attachment_id=1451 (the link for the image)

    Thanks!

  5. thesacredpath
    Member

    You are going to have to resize the image to a width of 300px. That is the width of the sidebar area. Once you do that, post the link of the resized image here and we can help with the CSS. The image as it is now is too wide.

  6. vegetarianepicurean
    Member

    Here it is at just under 300 pixels: : http://vegetarianepicurean.com/?attachment_id=1452

    Thank you so much!

  7. thesacredpath
    Member

    Add this to the end of your custom CSS and see what you think. If you want the white background on the image gone, you will have to recreate the image as a PNG with a transparent background, upload that image and then get the URL of that image from the media library and replace the URL between the double quote marks in the background declaration below.

    #logo {
background: url("http://vegetarianepicurean.files.wordpress.com/2013/01/boldtheonlyexceptionrp1-e1359601283617.jpg") no-repeat scroll right bottom transparent;
}

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags