Change background color of fusion theme

• 

  topgunmgmt · Member · May 2, 2012 at 5:10 pm

  • Copy link
  • Add topic to favorites

  I would like to switch the background color of my fusion theme. I purchased the upgrade for customization and still cant figure it out.

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · May 8, 2012 at 3:56 pm

  • Copy link

  Welcome!

  I’m not sure which background color, the content or behind the content?

  Here’s what I came up with for an example of changing the background color for the main content of a page and the footer:

  #mid-content, #footer, ul.secondary-tabs {
  	background: #eee;
  }
  #mid-content, #respond {
  	margin-bottom: 0;
  }
  #footer {
  	margin-top: 0;
  }

  As an alternative, here’s an example I came up with for changing the background color behind the content area in the Fusion theme:

  body {
  	background: #eee;
  }
  #page-wrap2 {
  	background: none !important;
  }
  #mid-content, #footer, ul.secondary-tabs {
  	background: #fff;
  }
  #header {
  	background-color: #242424;
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#707070), color-stop(0.26, #3D3D3D), color-stop(0.26, #242424), to(#0F0F0F));
  	background: -moz-linear-gradient(top, #707070, #3D3D3D 26%, #242424 26%, #0F0F0F);
  }
  #mid-content {
  	padding: 0 1em;
  }
  #page .clearcontent {
  	display: none;
  }

  Note that the Fusion theme is setup with quite a few different wrap elements, and so there are probably several different ways to accomplish changing the background color.