k2-lite Header doesn't fit after customization

• 

  rosemaryonthetv · Member · Feb 11, 2012 at 3:12 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · Feb 11, 2012 at 3:35 am

  • Copy link

  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?

• 

  rosemaryonthetv · Member · Feb 11, 2012 at 3:38 am

  • Copy link

  Sure – like this:

  

• 

  designsimply · Member · Feb 11, 2012 at 3:47 am

  • Copy link

  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;
  }

• 

  designsimply · Member · Feb 11, 2012 at 3:47 am

  • Copy link

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

• 

  rosemaryonthetv · Member · Feb 11, 2012 at 3:56 am

  • Copy link

  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.

• 

  designsimply · Member · Feb 11, 2012 at 4:59 am

  • Copy link

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

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

• 

  rosemaryonthetv · Member · Feb 11, 2012 at 5:05 am

  • Copy link

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

• 

  designsimply · Member · Feb 11, 2012 at 12:47 pm

  • Copy link

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