More K2 customization

en WordPress.com Forums More K2 customization

• 

  citizenjames1 · Member · Jul 22, 2009 at 12:03 am

  • Copy link
  • Add topic to favorites

  I’d like to expand the whole width of my blog from 780 to 935 px. Obviously, I can change the page width, but I’m stuck on the header (not the image itself.) Where in the K2 CSS is the header dimensions controlled?

  My site is http://mytestcitizenblog1.wordpress.com

  Thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 22, 2009 at 12:15 am

  • Copy link

  Since #header only has a height declaration, just upload your wider image to your media library and insert that URL into the background declaration in #header.

• 

  thesacredpath · Member · Jul 22, 2009 at 12:16 am

  • Copy link

  Also under #header in the background declaration, change repeat-y to no-repeat.

• 

  citizenjames1 · Member · Jul 22, 2009 at 12:27 am

  • Copy link

  Nope, that isn’t working. To upload a new image still says it must be exactly 780 x 200 px.

  Here is my code. Thanks in advance!

  #page {
  background:white;
  text-align:left;
  position:relative;
  width:935px;
  border:0 solid #ddd;
  border-top:none;
  margin:0 auto;
  padding:0 0 10px;
  }

  * html #page {
  width:935px;
  }

  #headerimg {
  height:200px;
  width:100%;
  background-image:url(‘http://mytestcitizenblog1.files.wordpress.com/2009/07/citizen-vox12.jpg’);
  margin:0;
  }

• 

  devblog · Member · Jul 22, 2009 at 1:04 am

  • Copy link

  There’s no element with a “#headerimg” id. Get rid of that definition.

  Add this to your CSS:

  #header {
  background: #3371a3 url('http://mytestcitizenblog1.files.wordpress.com/2009/07/citizen-vox12.jpg') no-repeat !important;
  height:200px;
  margin:0;
  width:100%;
  }

  That should do it.

• The topic ‘More K2 customization’ is closed to new replies.