How to Center Blog Title?

  • Resolved sofia-afsc

    (@sofia-afsc)


    12 years, 7 months ago

    I’m working on a website (with an Under Construction notice, which is why I’m not linking it here), and I need to Center the Blog title.
    On the CSS, the code is:
    #blogname {
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    }

    .ie7 #blogname {
    width: 300px;
    }

    #blogname .siteheader {
    margin: 20px 0 0;
    padding: 0;
    }
    Can you help? I’m very new to this and need a step-by-step. Thanks!

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you post the HTML as well?

    Thread Starter sofia-afsc

    (@sofia-afsc)

    I figured it out! Just had to {text-align: center right under #blog name.

    Website is: asiapacificinitiative.org, but as I said it’s Under Construction right now…
    I do have a couple other questions though; maybe you could help?
    1. I want to center the Primary Menu (Home, About Us, etc.). I’ve fooled around with it and tried to do text-align: center in a few different places but it’s not working.
    2. For the sub menu items (for example Mission Statement and Member Groups and Endorsing Orgs under the About Us category) I’d like to create some space to the left so they’re not to the left of the About Us text. Does this make sense? I tried the text-indent trick, but this just indents the first line? Thank you!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You still need to post the HTML otherwise I can’t visualise it. This doesn’t mean linking me to your website.

    Thread Starter sofia-afsc

    (@sofia-afsc)

    One more thing! How can I get the huge text at the left of the page – Recent Posts, Recent Comments, Archives, etc. to be less prominent, any ideas?

    Thread Starter sofia-afsc

    (@sofia-afsc)

    yikes..how do i do this? just copy and past the entire code?

    Thread Starter sofia-afsc

    (@sofia-afsc)

    [ 1,457 lines of code moderated. That’s just too much, for many lines of code please pastebin.com instead. Or just post a link to your CSS file. ]

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry that’s CSS.

    Try right click on the web page and select view source. Then copy and paste it to this website Pastebin.com – then link the website to me.

    Thread Starter sofia-afsc

    (@sofia-afsc)

    https://pastebin.com/5LzR4Eqc
    thanks!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m sorry, can you post the view source code of the web page, while you’re not in the admin panel or signed in?

    It’s just I’m getting your admin panel bars in the way of the page
    https://awesomescreenshot.com/00fcf2i98

    Thread Starter sofia-afsc

    (@sofia-afsc)

    ok any better?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’ll need to link it again (it should be a new link)

    Thread Starter sofia-afsc

    (@sofia-afsc)

    https://pastebin.com/Xg2vv9Ci

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    To your styles, if you add

    .widget_recent_entries ul{
  text-align: center;
}

    Is this what you’re looking for?

    Thread Starter sofia-afsc

    (@sofia-afsc)

    arg. it’s is just not quite coding properly/consistently…
    Thank you very much for your help! I’m going to keep adding some things to the site and then go back and do some style things I think.

    Thread Starter sofia-afsc

    (@sofia-afsc)

    got it!: #blogname {text-align:center; }

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘How to Center Blog Title?’ is closed to new replies.