Change background color left column single post

  • Author
    Posts
  • #1065940

    jesselili
    Member

    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.

    #1066287

    jesselili
    Member

    Any help guys please?

    #1066317

    jesselili
    Member

    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.

    #1066335

    cainm
    Staff

    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.

    #1066336

    jesselili
    Member

    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

The topic ‘Change background color left column single post’ is closed to new replies.