How to center logo/site title

  • Resolved ralexandra

    (@ralexandra)


    10 years, 3 months ago

    I have replaced my site title with a logo, which looks just fine. All I want to do at this point is to center it rather than have it at the left of each page. Is this something I can do with CSS fairly simply?
    Thank you!

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

  • Yes. You’ll want to create a child theme or install a custom css plugin first. If you want to post a link to your site I can try to help you determine the css.

    Thread Starter ralexandra

    (@ralexandra)

    I do have a custom css plugin. This is what my title/logo code looks like:

    .site-title a {
    background: url(https://modernquilts.com/wp-content/uploads/2014/08/modquiltsblocksbw.jpg) no-repeat;
    display: block;
    width: 610px;
    height: 125px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    }

    My site is not live so I can’t post a link to my site. Any help is appreciated.

    add this: background-position: top center

    I don’t know what else surrounds it, so I’m really only guessing.

    If it doesn’t work, you might want to make it live, but turn off search engines from crawling in the settings so someone can help you.

    Thread Starter ralexandra

    (@ralexandra)

    I tried it, and it moved the logo over a bit, but did not center it, so I played around with the width, changing it from 610px to 1200px and that seemed to do the trick. Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to center logo/site title’ is closed to new replies.

Tags