Need help? Check out our Support site, then


Making the first column width wider in Pilcrow

  1. I would like the left column to be 700px wide and the menu to still be spread over the content exactly 100% as it is.

    Can anyone give me a code to do this please?

    The blog I need help with is badweatherandrobots.wordpress.com.

  2. thesacredpath
    Staff

    Give this a try. In #header, change the 0 0 positioning attributes to "center top" as shown in the first bit of code. In the second bit of code, modify what you have in your CSS now to look like what I have. The add the last two bits to your CSS. Also, in the "max image and video width" field down below the CSS text edit area, change the value to 700.

    #header {
    background: url("http://badweatherandrobots.files.wordpress.com/2012/01/badweatherheader5.jpg") no-repeat scroll center top transparent;
    }
    
    .two-column #container {
    max-width: 1000px;
    min-width: 1000px;
    }
    
    .two-column #content {
    width: 730px;
    }
    
    .two-column #sidebar {
    width: 230px;
    }
  3. Worked perfectly :3
    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic