Support » Fixing WordPress » How do I change the position of a page title

  • msnew007

    (@msnew007)


    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;
    }

Viewing 15 replies - 1 through 15 (of 21 total)
  • Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    Try a Custom CSS Manager plugin to hold your CSS modifications, rather than editing the theme’s files. You will then need to create styles rather than modify existing styles.

    Then add this to the section of the dashboard allocated by that plugin;

    #site-title {
     position: relative;
     /*Add your own numbers instead of zero on both the 'top' and 'left' styles*/
     top: 0px;
     left: 0px;
    }

    Do you want to change the font color?

    msnew007

    (@msnew007)


    Hi Andrew,
    I added the Custom CSS Manager plugin, and I copied and pasted the code you provided me above into the dashboard as follows:
    #site-title {
    position: relative;
    top: 15px;
    left: 15px;
    }

    I hit save changes and viewed my site, but nothing changed?
    Will you please advise?
    Thank you,
    Crystal

    I would like to change the font style, but not the color.

    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    Can you provide a link to your website?
    I can only refer to the demo and it works on there.

    msnew007

    (@msnew007)


    Could I send you the link privately?

    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    Instead are you okay with providing the HTML & CSS for one relevant webpage?

    msnew007

    (@msnew007)


    Yes, I can provide you with that information. Where do I pull it from?

    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    HTML :-
    – View your webpage
    – Right click where applicable (assuming Windows)
    – Select ‘View source’
    – The pop-up window will contain your webpage’s entire HTML.
    We need all of that window’s contents.

    CSS :-
    Grab all the content from your style.css file.

    Go to PasteBin and create 2 PasteBin pages, one with your HTML and the other with your CSS code.

    Link those two PasteBin’d pages here.

    msnew007

    (@msnew007)


    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    It’s this title http://awesomescreenshot.com/098rjsr70 right?
    Also, have you cleared your browser’s cache?

    msnew007

    (@msnew007)


    The title is correct and I did clear the browser’s cache.

    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    I think the code did work, but the change was too subtle to notice. Try a value like left: 150px;

    msnew007

    (@msnew007)


    I have included the screen shot for the Custom CSS Manager:
    http://awesomescreenshot.com/039rjx857

    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    Yes, I saw the code in the webpage, from the Custom CSS Manager plugin.

    msnew007

    (@msnew007)


    It worked success! Thank you so much!

    What about changing the font style? Could you help me with that? Do I need to start a new thread?

    Moderator Andrew Nevins

    (@anevins)


    Forum moderator


    No, I think the font style will be simple.
    What do you want to change the font to, and to which element?

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘How do I change the position of a page title’ is closed to new replies.