WordPress.com

1. jesselili
   Member
   Nov 8, 2012, 2:08 PM

   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 hecticophilia.com.

2. jesselili
   Member
   Nov 10, 2012, 10:38 AM

   Any help guys please?

3. jesselili
   Member
   Nov 19, 2012, 8:01 AM

   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.

4. cainm
   Staff
   Nov 26, 2012, 3:38 PM

   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.

5. jesselili
   Member
   Nov 26, 2012, 6:21 PM

   Cainm, I owe you a big thank you.

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

   Sorted in 1 minute.

   I am extra grateful.
   Cheers.

   Jesse

Topic Closed

This topic has been closed to new replies.