WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] Changing site-title width in TwentyEleven (10 posts)

  1. brittanygites
    Member
    Posted 2 years ago #

    Hi

    I am using TwentyEleven and have created a child theme - I have hidden the search box at the top on the title bar and now want my Site Title to cover the whole width of the page - I have added Site-Title margin-right: 0px; to the style.css, but this has no effect.

    How can I center and extend the with of my site-title?

    Thanks

  2. Megan Goodson
    Member
    Posted 2 years ago #

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

    Thanks
    Megan

  3. olavxxx
    Member
    Posted 2 years ago #

    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 )

  4. brittanygites
    Member
    Posted 2 years ago #

    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 http://www.brittanygites.com/wordpress

  5. esmi
    Forum Moderator
    Posted 2 years ago #

    Try text-align:center;.

  6. brittanygites
    Member
    Posted 2 years ago #

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

  7. esmi
    Forum Moderator
    Posted 2 years ago #

    #branding hgroup {text-align:center;}

  8. brittanygites
    Member
    Posted 2 years ago #

    Fabulous! Thank you very much

  9. aasbd
    Member
    Posted 1 year ago #

    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]

  10. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    @aasbd

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

    [I am closing this topic]

Topic Closed

This topic has been closed to new replies.

About this Topic