Logo spacing and text alignment- Need help

  • Resolved AttackoftheBook

    (@attackofthebook)


    14 years, 6 months ago

    I did search and I was unable to find a solution for me. Currently, I have a temporary logo up and my tagline. The logo is showing fine but the text won’t center align with the logo. How can I get the text to center align and get rid of the excess space above and below the header/logo section?

    My site is called Attack of the Book

    This is what I have in the user css section. Please help, what am I doing wrong? Thanks in advance!

    // Make logo more compact to fit text
#site-title #logo{float:none;display:block;}
#site-title p.headline{float:none;border:0;display:block;margin:auto;padding-left:0;line-height:normal;}

// change the top of comments for admin accounts
li.comment .comment-head.role-editor{
background-color:#3873bd; /* blue */
background-image: url(https://yoursite.com/wp-content/themes/mystique/images/_alt/comment-head-trans.png);
}

// remove excess padding from header

#site-title {padding:0;}

// hide space under nav bar

.header-wrapper .shadow-right{padding-bottom:0;}

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

  • Edit style.css. Change:

    #site-title {
padding:4em 0 3.6em;
}

    to:

    #site-title {
padding:0 0 3.6em;
}

    and:

    #site-title p.headline {
border:0 none;
display:block;
float:none;
line-height:normal;
margin:auto;
padding-left:0;
}

    to:

    #site-title p.headline {
border:0 none;
display:block;
float:none;
line-height:normal;
margin:0;
padding:4em 0 0;
}
    Thread Starter AttackoftheBook

    (@attackofthebook)

    Esmi!

    Thanks for your fast answer. I had it set for replies to be emailed to me but I think it didn’t work because I still had WP.org up.

    The changes you requested worked, so thank you so much!

    Is there a way to get the space under the header smaller?

    Thanks again!

    style.css again – change:

    #site-title {padding:0 0 3.6em;}

    to:

    #site-title {padding:0;}

    Thread Starter AttackoftheBook

    (@attackofthebook)

    Thanks you again Esmi! It worked. I tried to do that myself but I don’t can see from your code what I did wrong. So thanks for helping me get it figured out. Will be marking this resolved ??

    Thanks Esmi – that worked for me too!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Logo spacing and text alignment- Need help’ is closed to new replies.