Making the first column width wider in Pilcrow

  • Unknown's avatar
    stormcakes · Member ·

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

  • Unknown's avatar
    thesacredpath · Member ·

    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;
}
  • Unknown's avatar
    stormcakes · Member ·

    Worked perfectly :3
    Thanks!

  • The topic ‘Making the first column width wider in Pilcrow’ is closed to new replies.