Change background color left column single post

• 

  jesselili · Member · Nov 8, 2012 at 2:08 pm

  • Copy link
  • Add topic to favorites

  Hey guys, I am almost done customising the CSS of my theme (The Columnist) and I’m pretty happy with the changes. It was a long slow process :)

  I have one thing that I keep playing with but can’t figure out: I would like to reverse the colors of my columns on my homepage and on my single post pages. To be clear:

  Homepage = stays the same with white for the left column and grey for the right one.
  Single posts = that’s what I want to change, I would like to make my entire left column grey (color = #f2f2f2).

  Can anyone help?
  Thanks a bunch.

  My site is here: http://hecticophilia.com/
  My stylesheet is here: https://wpcom-themes.svn.automattic.com/the-columnist/style.css

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

• 

  jesselili · Member · Nov 10, 2012 at 10:38 am

  • Copy link

  Any help guys please?

• 

  jesselili · Member · Nov 19, 2012 at 8:01 am

  • Copy link

  Hello guys, I have been trying loads of tricks and I can’t manage to do this on my own. Anyone has an idea?

  Much appreciated.
  Thank you.

• 

  cainm · Staff · Nov 26, 2012 at 3:38 pm

  • Copy link

  Hi there,

  The Columnist uses CSS pseudo elements to style the left column area.

  To edit the background color of the left column area on single views, you will need to declare a new background-color for .single #main:before, .single #left-col.

• 

  jesselili · Member · Nov 26, 2012 at 6:21 pm

  • Copy link

  Cainm, I owe you a big thank you.

  I added this following your advice:
  .single #main:before, .single #left-col {
background-color: #f2f2f2;
}

  Sorted in 1 minute.

  I am extra grateful.
  Cheers.

  Jesse