Bueno Customization Questions

• 

  worldofhannah · Member · Aug 28, 2011 at 11:31 pm

  • Copy link
  • Add topic to favorites

  Greetings! I currently don’t have the CSS editor, because I’m figuring out my new design on a temporary website to make sure I can make all my changes before I buy it for my official blog!!

  I’m planning on switching my website to the Bueno theme, and had a few questions about CSS! (I’m a newbie to all this!)

  1) What is the CSS code necessary for moving my header higher? I got rid of the title text, but now there is a bunch of blank space before the header image. I took a screenshot of how the preview looks now so everyone can see: Preview 01 Also, is there a way to move everything below the header higher to fill in that dead space?

  2) I want to change the color of the border around the posts so it doesn’t blend into my background, how do I go about doing that? Is there any way to make the section with the actual post smaller? (Just by a few pixels.) I want my post/widget sections to look as much like this as possible: Preview 02

  which leads me to my next (and hopefully last) question 3) How can I move all the information on the widget section in so it doesn’t go all the way to the boarder? (Compare pictures if you don’t understand what I’m talking about!)

  I hope this all makes sense! I’m grateful for any help that can be provided!

  My current website is: http://www.worldofhannah.com, but it doesn’t have any CSS changes yet!

  Thank you again!

  -HV

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

• 

  thesacredpath · Member · Aug 29, 2011 at 12:10 am

  • Copy link

  Disclaimer: You are asking me to do this with my eyes closed since I cannot see the site and thing that you have changed in the CSS may cause what I give you to not work or blow up your site.

  It will be a little bit since I have to set up bueno on one of my test blogs.

• 

  thesacredpath · Member · Aug 29, 2011 at 12:20 am

  • Copy link

  1. This is the eye closed thing.

  #logo {
  display: none;
  }

  2.

  .post {
  border: 5px solid #EFEFEF;
  }

  3.

  .widget {
  margin-left: 10px;
  margin-right:10px;
  }

• 

  worldofhannah · Member · Aug 29, 2011 at 12:40 am

  • Copy link

  Thank you SO much! The last two codes were perfect!! The first one (and I’m sorry for not being able to give you more info!) is the only one that didn’t work!

  What I did, is uploaded the header image, moved the linkes down and centered them using this code:

  #pagenav {
float:left!important;
left:50%;
position:relative;
top:200px;
}

  #pagenav li {
  position:relative;
  right:50%;
  }

  and got rid of the title using this code:

  #header-image img {
border:medium none;
}

  Does that give you the information you need? If not, don’t worry about it! You have been a great help already!!! Thanks again!!

  -HV

• 

  thesacredpath · Member · Aug 29, 2011 at 12:55 am

  • Copy link

  Where did you put the header image? That is the blind part.

• 

  thesacredpath · Member · Aug 29, 2011 at 12:57 am

  • Copy link

  Did you use the header uploader that is at appearance > header?

• 

  thesacredpath · Member · Aug 29, 2011 at 1:14 am

  • Copy link

  This is an absolute “hack job” but give this a try and then adjust the “top” negative value as you see fit.

  #header {
  padding: 0;
  top: -50px;
  }

  Either put that at the very bottom of your CSS and edit it, or edit/add those two declarations to the #header section you have in your CSS.

• 

  worldofhannah · Member · Aug 29, 2011 at 1:18 am

  • Copy link

  I did the appearance > header way, but that doesn’t matter any more because that last code was perfect! Thank you SO much for your help!!

• 

  thesacredpath · Member · Aug 29, 2011 at 1:27 am

  • Copy link

  You are welcome.