Need help? Check out our Support site, then


Change background color of fusion theme

  1. 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.

  2. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic