Center custom header image and menu/or in Chateu?

• 

  papadoble · Member · Jan 28, 2012 at 6:52 am

  • Copy link
  • Add topic to favorites

  Hey all, simple question, I’ve tried a few CSS combos but figured I’d just ask the community.
  I have a custom header logo via the ccs code:

  #main-title #site-description {
  display:none;
  }

  #main-title #site-title a {
  display:block;
  }

  #main-title #site-title {
  background:url(‘http://drolldecanter.files.wordpress.com/2012/01/logonew73.jpg’) no-repeat scroll 0 0 transparent;
  display:block;
  line-height:180px;
  text-indent:-999px;
  width:840px;

  (Thanks thesacredpath!)

  I am now trying to see if there’s a way to center the custom image, as well as center the menu above it, to better match the centered header. It’s kinda bugging me.

  I know there’s gotta be a way to do this quickly and easily with CSS.

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

• 

  papadoble · Member · Jan 28, 2012 at 7:02 am

  • Copy link

  May as well ask this question too, forgot to post it:
  Is there a way to shift everything left a bit? I’d be happy with being able to shift the sidebar left, but it seems to make sense that shifting everything (all content on the pages) will keep the symmetry that’s there, and be better optimized for viewing on browsers where the window isn’t fully expanded. Hope this makes sense, I’d really like a way to fix these quirks.
  Thanks–

• 

  thesacredpath · Member · Jan 28, 2012 at 7:12 am

  • Copy link

  Change the background declaration position values from 0 0 to center top as shown in the first bit below. The add the next three rules to the bottom of your CSS

  #main-title #site-title {
  background: url("http://drolldecanter.files.wordpress.com/2012/01/logonew73.jpg") no-repeat scroll center top transparent;
  }
  
  #main-title, #site-title {
  width: 100% !important;
  }
  
  #menu {
  text-align: center;
  padding-bottom: 0;
  }
  
  #menu ul {
  display: inline-block;
  }

• 

  papadoble · Member · Jan 29, 2012 at 2:13 am

  • Copy link

  Many thanks, thesacredpath. You are, for a lack of a better word, the man! Appreciate it.

• 

  thesacredpath · Member · Jan 29, 2012 at 2:26 am

  • Copy link

  You are welcome.