Need help? Check out our Support site, then


k2-lite Header doesn't fit after customization

  1. rosemaryonthetv
    Member

    I changed the width of my body and header from 730px to 1000px, but when I tried to upload a new header JPEG with the new dimensions, it automatically resizes it to the old size. Is there a CSS code to override this?

    The blog I need help with is rosemaryonthetv.com.

  2. Yes, you can insert a header image manually with CSS, but you have to upload the image in the size you want into the media library separate from the Appearance → Heading page first.
    http://en.support.wordpress.com/images/

    Can you upload the image you want to use into your media library and post the image URL back here?

  3. rosemaryonthetv
    Member

  4. Try this:

    #header h1 a {
      width: 1000px;
      height: 250px;
      display: block;
      background: url(http://rosemaryonthetv.files.wordpress.com/2012/02/rottv1000x2501.jpg) no-repeat top left;
      text-indent: -9999px;
      position: absolute;
      top: 0;
      left: 0;
    }
  5. Note: that CSS is specific to the K2-lite theme.

  6. rosemaryonthetv
    Member

    Beautiful! But it covers up my navigation links. I tried to text-align to move the links to the right side but it didn't work.

  7. You changed the height to 300px. Try 210px instead and then move the navigation down with this:

    ul#nav {
      margin: 0 0 -40px 0;
    }
  8. rosemaryonthetv
    Member

    Ahhh perfect! Thanks so much. I need to quit, I think I'm doing more harm than good at this point. :)

  9. You're doing great! That header looks awesome in K2-lite. :)

Topic Closed

This topic has been closed to new replies.

About this Topic