WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. msnew007
    Member
    Posted 1 year 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;
    }

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  3. msnew007
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. msnew007
    Member
    Posted 1 year ago #

    Could I send you the link privately?

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  7. msnew007
    Member
    Posted 1 year ago #

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

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  9. msnew007
    Member
    Posted 1 year ago #

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  11. msnew007
    Member
    Posted 1 year ago #

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

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  13. msnew007
    Member
    Posted 1 year ago #

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

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  15. msnew007
    Member
    Posted 1 year ago #

    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?

  16. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  17. msnew007
    Member
    Posted 1 year ago #

    I would like to change the font to Segoe Script, and I would like this done to the Site Title. I would also like to know what how to change the font size.

    Thank you so much Andrew! You are awesome and you rock!

  18. Andrew
    Forum Moderator
    Posted 1 year ago #

    We could carry-on the font size in this thread, but changing the font to Segoe Script would require a new thread.

  19. Andrew
    Forum Moderator
    Posted 1 year ago #

    Amend the code to this;

    #site-title {
     position: relative;
     top: 15px;
     left: 15px;
     font-size: 3000px;
    }

    Of course, change the font-size value to something more suitable.
    Originally it was at 30px.

  20. msnew007
    Member
    Posted 1 year ago #

    Thank you for your help! It works perfectly. Will the work we just did be all erased when I update WordPress?

  21. Andrew
    Forum Moderator
    Posted 1 year ago #

    As long as it's in the Custom CSS plugin, your changes will be safeguarded.

  22. msnew007
    Member
    Posted 1 year ago #

    That is fantastic! Thanks for all of your help! I have learned a lot today.

Topic Closed

This topic has been closed to new replies.

About this Topic