Support » Theme: Twenty Fourteen » change primary sider bar background color

  • Hello

    How can I change primary sider bar background color for 2014?
    I tried in CSS with the following, it doesn’t work.

    .primary-sidebar {
    background-color: #d8af14;
    padding-top: 48px;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • no body know?

    Not without seeing your site.

    Hello WPyogi

    Here is my site,

    http://www.henantongxiang.com/

    I would like to change the black background color at the left side.

    Cheers
    GT

    I had to change the style.css in 2 places.

    #secondary {
    	background-color: #d8af14;
    }

    I had to change it under the section:
    @media screen and (min-width: 1008px)

    There is also an entry under section:
    * 7.0 Sidebars
    This seems to change it for widths less than 1008px, otherwise it stays the default color.

    If your using a custom.css or appending to the bottom of style.css, change as so:

    #secondary {
    	background-color: #d8af14;
    }
    
    @media screen and (min-width: 1008px) {
        #secondary {
    	background-color: #d8af14;
        }
    }

    Make sure you are only making changes in custom CSS or a child theme – otherwise all of your changes will be lost when WP is updated.

    Thanks batharoy and WPyogi,

    You guys rock! It is much better.

    Now the background color can be changed based on the widgets added there. However the area without widget is still black. When the main content grow much longer, it is urgly. Any idea for this?

    A+
    GT

    Oh yes,

    “When the main content grows longer, it is urgly. Any idea for this?”
    I use theme twentytwelve and try to find a solution since last week.

    Is there someone with a good idea?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change primary sider bar background color’ is closed to new replies.