How do I change the position of a page title

  • 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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter 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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter msnew007

    (@msnew007)

    Could I send you the link privately?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter msnew007

    (@msnew007)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter msnew007

    (@msnew007)

    https://pastebin.com/bczm8Arm

    https://pastebin.com/S41wVunk

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter msnew007

    (@msnew007)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter msnew007

    (@msnew007)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.