Need help? Check out our Support site, then


Change background color left column single post

  1. 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. Any help guys please?

  3. 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. 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. 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.

About this Topic