position/a;ign text in header

• 

  yanay · Member · May 26, 2008 at 9:59 am

  • Copy link
  • Add topic to favorites

  Hi
  I am experimenting with simplecms theme and cannot align to center the blog title and description in the header section. I am not proficient with CSS but have some understanding. I managed to add an image to the header style and would now like the H1 and the dscription objects to be aligned one on top the other (H1 above description object) in the center of the header section. I’ve played with the styles but could not figure out how to do it. I would appreciate if anyone could show me the way here.
  Thanks
  the styles for the header are:

  #header {
  background:#ffffff;width:100%;height:80px;background-image:
  url(‘logo_h82.jpg’);background-repeat: no-repeat}

  #header .widthlimiter div
  {float:right;color:#64A9D5;font:italic bold 1em/80px sans-serif;}

  #description {display:inline;margin-right:1em}

  .widthlimiter {
  min-width:600px;max-width:1000px;width:90%;margin:0 auto}

  the HTML for the header looks like this:

  <div id=”header”>
  <div class=”widthlimiter”>
  <div>
  <span id=”description”> electronic components distribution </span>
  </div>
  <h1>
  ISAMTEK M.G.
  </h1>
  </div>
  </div>

• 

  singularcontiguity · Member · May 26, 2008 at 12:28 pm

  • Copy link

  If you’re hosted somewhere other than wordpress.com, you’ll want to ask over on wordpress.org. (See this topic for the distinction).

  If this is about a wordpress.com blog, can you provide a link to it, starting with http?

• 

  yanay · Member · May 26, 2008 at 12:54 pm

  • Copy link

  it is not hosted but runs localy on MAMP install. anyway I can get help on a local site on wordpress.org?

• 

  singularcontiguity · Member · May 26, 2008 at 1:07 pm

  • Copy link

  They’re more familiar with self-hosted setups. You’re in the support forums for the wordpress.com hosted blogs at the moment. :-)