Change background color of fusion theme

  • Author
    Posts
  • #881407

    topgunmgmt
    Member

    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 topgunmgmt.com.

    #881725

    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.

The topic ‘Change background color of fusion theme’ is closed to new replies.