Need help? Check out our Support site, then


More K2 customization

  1. 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. 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. Also under #header in the background declaration, change repeat-y to no-repeat.

  4. 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. 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.

About this Topic

Tags