Changing site-title width in TwentyEleven

Can you post the link to your site so that I can tell you the exact wrapper name to change? ??

Thanks
Megan

Hi,
Centering div’s in CSS uses a set width and margin: X auto;

The TwentyEleven theme has the site title wrapped inside the header div.

<div id=”page” class=”hfeed”>
is styled with a max-width of 1000 pixels.

This same wrapper also contains the rest of your page.
If you wish to let your header title get a 100% width, the easiest way is to edit the header template file and make a new wrapper for this part of your layout.

I would make something like:

<div class=”headerWrapper”>.. put your code here</div>
¨
Then you have to define it in the css-file:

.headerWrapper {
  width:100%;
  background: #FFF;
  margin: 0px;
  padding: 25px;
}

You should also remove the padding in the body (look in style.css or override it with !important )

Thanks for that, I’ve managed to get it to span the page, but can’t get site-title to center – tried putting font-align: center !important; in my child style.css but it doesn’t seem to work.

My site is https://www.brittanygites.com/wordpress

Try text-align:center;.

Oops, sorry that’s what I’ve put – text-align:center; and it doesn’t work. It shows up, not barred-out in Firebug.

#branding hgroup {text-align:center;}

Fabulous! Thank you very much

How can I transfer my site title into one line rather two line? Any help will be appreciated.
My site is [link moderated]

[start your own topic]

@aasbd

please start your own topic and post the link to your site there.

[I am closing this topic]