How do I change the position of a page title? (7 posts)

  1. Dromicus
    Posted 4 years ago #

    I am using the default theme twenty eleven and have not figured this one out.

    For example on my friends site I am trying to help her with the page title is out of place, we would like to center it.


    Also how can we easily change the size of it on specific pages?

  2. Jerry
    Posted 4 years ago #

    Moving it around is nothing but css :)

    Go into the css and do this:
    #branding hgroup{text-align:center}
    This will center all the elements that can be centered, however, both site-description and site-title elements have a right margin of 270, you'll have to remove this to get a realistic centering. The caveat to doing so is you may run into the search box if your title gets too large. In case you don't care, and I'm sure you won't be changing the title, here's the css for that.

    #site-description{0 0 3.65625em 0}

    Now, you have two choices, you can either append the above code to the end of the style.css in the /twentyeleven/ folder or you can edit the values directly, and save some bytes in your css file, your choice.

    Have fun, happy coding (^.-)

  3. Dromicus
    Posted 4 years ago #

    Thank you for the reply, if I do the above will it change it for all the pages or just for the specific page? I am hoping for only the specific page.

    Thank you for the help, it is appreciated.

  4. Dromicus
    Posted 4 years ago #

    Or any idea how to remove the title from specific pages?

  5. msnew007
    Posted 3 years ago #

    I am completely new to WordPress and I am trying to create my blog. I am a DIY type of person and I'm computer savvy, and I would love to learn code. I am trying to change the position of my site title and the font. I know very little, but I am eager to learn. I am using Twenty-Ten. I know how to navigate to the Editor: I have located Header, will someone please show me where I add/adjust the code for center? Thank you in advance.

    /* =Header
    -------------------------------------------------------------- */

    #header {
    padding: 30px 0 0 0;

    #header {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 18px 0;
    width: 700px;

    #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    #site-description {
    clear: right;
    float: right;
    font-style: italic;
    margin: 15px 0 18px 0;
    width: 220px;

  6. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    For help with your own issue, create your own thread.

  7. msnew007
    Posted 3 years ago #

    Sorry about that Andrew.

Topic Closed

This topic has been closed to new replies.

About this Topic