Adding Logo in Bueno Theme

• 

  vegetarianepicurean · Member · Jan 30, 2013 at 1:49 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  timethief · Member · Jan 30, 2013 at 1:55 am

  • Copy link

  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

• 

  thesacredpath · Member · Jan 30, 2013 at 4:06 am

  • Copy link

  @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

• 

  vegetarianepicurean · Member · Jan 30, 2013 at 11:59 am

  • Copy link

  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!

• 

  thesacredpath · Member · Jan 30, 2013 at 4:24 pm

  • Copy link

  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.

• 

  vegetarianepicurean · Member · Jan 31, 2013 at 3:01 am

  • Copy link

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

  Thank you so much!

• 

  thesacredpath · Member · Jan 31, 2013 at 3:49 am

  • Copy link

  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;
  }