WordPress.com

1. citizenjames1
   Member
   Jul 22, 2009, 12:03 AM

   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 mytestcitizenblog1.wordpress.com.

2. thesacredpath
   Member
   Jul 22, 2009, 12:15 AM

   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.

3. thesacredpath
   Member
   Jul 22, 2009, 12:16 AM

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

4. citizenjames1
   Member
   Jul 22, 2009, 12:27 AM

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

5. devblog
   Member
   Jul 22, 2009, 1:04 AM

   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.

Topic Closed

This topic has been closed to new replies.