k2-lite Header doesn't fit after customization

  • Author
  • #821529

    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.


    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.

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


    Sure – like this:


    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;

    Note: that CSS is specific to the K2-lite theme.


    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.


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

    ul#nav {
      margin: 0 0 -40px 0;

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


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

The topic ‘k2-lite Header doesn't fit after customization’ is closed to new replies.