Need help? Check out our Support site, then

Background color main and sidebar

  1. I want to change the background color of my header, body and background. There was code added to custom CSS for positioning that is creating design difficulties. How do I change the color without loosing the design modifications?
    header/body: #BCCDD4
    sidebar: #BFB2BC

    The blog I need help with is

  2. To change the background color in the header area find this in your custom CSS and edit the color code.

    .site-header {
        background-color: #BCCDD4;

    For the content and sidebar area, are you wanting to do away with the image that was created and placed in #main? If so, remove the background declaration from #main and add the following to go back to normal colors instead of the image. You may also want to delete or edit the minimum height value in #main.


    #secondary {
    background-color: #BFB2BC;

    Content area:

    #primary {
    background-color: #BCCDD4;
  3. Yes, I want the image in. When I put the code in including the image the color does not cover the whole area. Is the color inherited after styling for the reposition? How do I code it so that I keep the positioning?

  4. I have not hear back, so I will rewrite the question and post it again.

Topic Closed

This topic has been closed to new replies.

About this Topic