Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 24, 2014 at 3:38 am #22395
    kacmcgrath
    Member

    Hello, I can’t figure out how to center the header image on my site: http://www.katiecharlesmcgrath.com. I’ve tried adding padding to the left side of #site-logo and I’ve tried emptying my cache. Still no luck! Any ideas?

    March 24, 2014 at 7:35 am #22413
    Sakin
    Keymaster

    @kacmcgrath: First remove the following CSS in “Appearance => Theme Options => Custom CSS” box.

    #site-logo { padding-left: 400px; 
text-align: center;
}

    I also see another set of custom css at http://www.katiecharlesmcgrath.com/?custom-css=1&csblog=1&cscache=6&csrev=65 . There also you need to remove the following css.

    #site-logo {
    padding-left: 400px;
    text-align: center;
}

    Then you can add the following Custom CSS in “Appearance => Theme Options => Custom CSS” box or in your CSS section from Jepack plugin. 

    #header-left, #site-logo {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
}
#site-logo a {
    display: inline-block;
}
    March 24, 2014 at 5:52 pm #22459
    kacmcgrath
    Member

    Worked like a charm! Thank you so much.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Center Header Image’ is closed to new replies.