Header alignment

  • Resolved sdyk2018

    (@sdyk2018)


    8 years, 3 months ago

    I’ve been fooling around this morning, but haven’t figured it out.

    Is there a way to make the “Header Logo” centered? I can do Left and Right but not Centered. It’s not a huge issue if it isn’t possible, but would look nicer (imo).

    ***EDIT*** Came across another problem: how can I change the Layout of the Menu without the Admin Bar at the top of the page? If need be I can submit some screenshots of the issues. If I try to use span, it also messes up the Admin Bar.

    • This topic was modified 8 years, 3 months ago by sdyk2018.
Viewing 3 replies - 1 through 3 (of 3 total)
  • George Appiah

    (@gappiah)

    8 years, 3 months ago

    I’ve been fooling around this morning,

    I’ll tell Mama!

    Is there a way to make the “Header Logo” centered? I can do Left and Right but not Centered. It’s not a huge issue if it isn’t possible, but would look nicer (imo).

    Styling issues like this are controlled by the theme you’re using for your site, and not universally by WordPress itself.

    But, of course, we can add code to override the default options in your theme. Head over to APPEARANCE => EDIT CSS and stick the following in there: 

    #logo {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}

    This will center the site TITLE and TAGLINE (tagline is currently blank). But the border around the title will expand to fill the entire width of the page.

    If you want to shrink the border around the TITLE (as you had previously), add max-width:500px, so that the full code becomes:

    #logo {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width:500px;
}
    Thread Starter sdyk2018

    (@sdyk2018)

    8 years, 3 months ago

    Solved, thanks 🙂

    George Appiah

    (@gappiah)

    8 years, 3 months ago

    I’m glad I could be of help.

    Stay blessed 😀

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header alignment’ is closed to new replies.