Logo in header cutting off at top and bottom

  • Resolved pribyl88

    (@pribyl88)


    13 years ago

    I’m having trouble getting my entire logo to show on the new website I’m putting together. The website can be found here and as you can see the logo to the left of the title text is being cut off at the top and bottom.

    I replaced the logo that was in the theme originally and was able to reposition the title/logo a by playing with a few things in the css file but I can’t figure out to fix this problem. Any help would be greatly appreciated!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Foxearedass

    (@foxearedass)

    Really don’t understand this new thing with putting css all on one line.. frustrating!

    in anycase. find #header{overflow:hidden;height:155px;background:url(images/bg-header.png) repeat-x 0 -38px} in your css.

    change overflow to visible.. also maybe change the height to same height as your logo image.

    Thread Starter pribyl88

    (@pribyl88)

    I appreciate the help! But unfortunately changing the overflow to visible didn’t change anything. And adjusting the height just created more red background at the bottom of the header and didn’t affect the logo at all. Any other suggestions?

    Foxearedass

    (@foxearedass)

    arg yeh sorry, i was looking at the wrong bit of css.. it was late ??

    look for #site-title and maybe add a height property to match that of your logo. you may also need to reduce the size of the top margin from 48 to lower after you try with the new height.. you’ll know if you need to.

    Thread Starter pribyl88

    (@pribyl88)

    Well it does something! That shows more of the bottom part of the logo but the top is still cut off at the same point. Any follow-up suggestions would be greatly appreciated!

    Foxearedass

    (@foxearedass)

    try changing margin:48px 0 0 40px to margin:40px 0 0 40px

    Thread Starter pribyl88

    (@pribyl88)

    That just shifted the entire title and logo up and didn’t affect the cut off portions of the logo.

    Foxearedass

    (@foxearedass)

    ooohhhhhh i found it. no-repeat 0 -30px at the end of the class is cutting the top 30 pixels off.. just set to no-repeat 0 0px

    would be so much easier if people didn’t do the one line css thing. ??

    Thread Starter pribyl88

    (@pribyl88)

    Perfect! As with many other things in life, fixing that problem has created a new one. All of the logo is showing now (really, thank you for that!) but now I need to move the logo up without moving the title up (I can move the title which moves the logo, but that doesn’t fix the problem; I need to move them individually of one another). Any suggestions?

    Thank you again!

    Foxearedass

    (@foxearedass)

    the reason for that is simply that the text is aligned to the top of the block.

    try no-repeat 0 0; padding-top: 30px;

    if that doesn’t quite center it you can adjust the number 30 til it fits right.

    Thread Starter pribyl88

    (@pribyl88)

    Perfect! And 30px was perfect as well. Thank you so much for your help!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Logo in header cutting off at top and bottom’ is closed to new replies.