Full post view CSS help please?

• 

  vintageandnostalgiaco · Member · Dec 7, 2011 at 11:01 am

  • Copy link
  • Add topic to favorites

  Hello I am trying (with very limited knowledge) to customise the Kubrick theme with our own custom CSS. I have so far changed the width and sidebar position, background etc. Our blog can be viewed here http://vintageandnostalgiaco.wordpress.com/

  But I am struggling with two things at present:
  1. When I click through to the full post view (I don’t know what these pages are called which is half my problem) The post looks terrible – sitting in the middle, the new page width is not applied etc. I am not sure what CSS code I start with to resolve this issue. Ideally i would like it have the same appearance as the front page of the blog ie. 2 columns.

  2. Further to this I would like to install the second narrower column to this full post view pages.

  I hope this makes sense – sorry if it doesn’t!

  Thank for you help in advance!

  Caroline

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

• 

  designsimply · Member · Dec 7, 2011 at 11:35 am

  • Copy link

  This should give you a good start for editing the single post or page (widecolumn) CSS in the Kubrick theme:

  In the #headerimg CSS rule you already have, change “margin: 7px 9px 0pt;” to “margin: 0 auto;”.

  Remove this from your custom CSS:

  .widecolumn {
       margin: 5px 0pt 0pt 150px;
       padding: 10px 0pt 20px;
       width: 600px;
  }

  Add this:

  #header, #page, #footer {
       background: none;
       background-color: #fff;
  }
  .widecolumn {
       background: #fff;
       margin: 0pt auto;
       padding-left: 5%;
       padding-right: 5%;
       width: 90%;
       overflow: hidden;
  }
  
  #footer {
       width: 100%;
  }