Agency Theme – Change Content Background

Community Forums Forums Design Tips and Tricks Agency Theme – Change Content Background

This topic is: not resolved

This topic contains 23 replies, has 4 voices, and was last updated by  Mr.Supersize 12 months ago.

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #52414

    Mr.Supersize
    Participant
    Post count: 12

    Hello, I would like to change my website’s content background (place where the posts / pages are displayed. Similar to this forum where we have white in the middle with grey on both sides) from white to another colour. I tried adding “background: ” to #content but, that didn’t change the colour. Please advice.

    Thank you.

    #52558

    Mr.Supersize
    Participant
    Post count: 12

    Hello Experts, any help here?

    Thank you.

    #52777

    colson
    Participant
    Post count: 145

    Do you have a link to your site? Which theme is this for?

    #52788

    wp guy
    Participant
    Post count: 220

    I believe you’re talking about this – just change background-color: #fff; to whatever you want.

    #inner {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px #999;
    margin: 20px auto 0;
    overflow: hidden;
    width: 100%;
    }

    #52807

    Mr.Supersize
    Participant
    Post count: 12

    @colson: my site is currently under construction. As you can see in the ‘topic name’ above, this is for ‘Agency’ theme.

    @wpguy: I had already tried changing the background-color in #inner. It did not have any effect on my site. I had even reached out to the SP support and they asked me to post a message here.

    Thanks for your support.

    #52808

    wp guy
    Participant
    Post count: 220

    Without a link to your site I’m not going to be able to take a look.

    #52812

    colson
    Participant
    Post count: 145

    Can you copy and paste the code how it looks on the inner when you change it and it does not work. Are you sure you saved the changes? #inner should work. The breadcrumbs on the inner has an image so that won’t change but the content area below will. Also changing the background on #inner will also change the background of your homepage middle widget area. If you just want it on the inner pages you would need to do:

    .page #inner {
    background: #yourcolor;
    }

    #52814

    chrispenn
    Participant
    Post count: 3

    Hi, iv been trying to get transparancy in the content area, iv no idea what im doing but i managed to to do the following if its any help
    went to Agency Child Theme: Stylesheet (style.css)

    /* Wrap

    and stuck this in:

    #page, #branding { background: none transparent;

    so it looks like this:

    #wrap {
    margin: 0 auto;
    width: 960px;
    #page, #branding { background: none transparent;
    }

    no idea if this helps if you find the correct solution id really appreciate it etc

    cheers chris

    #52818

    colson
    Participant
    Post count: 145

    Hi Chris it would be better if you started another topic and I can try to help you there please post a link to your site if you have one it makes it easier to help. You do have some mistakes in your code.

    #52839

    Mr.Supersize
    Participant
    Post count: 12

    Colson, below is the code from the Agency Theme. It didn’t work. I saved it so many times.

    /* Inner
    ------------------------------------------------------------ */
    
    #inner {
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-box-shadow: 0 1px 2px #999;
    	-webkit-box-shadow: 0 1px 2px #999;
    	background-color: #FFF;
    	border-radius: 5px;
    	box-shadow: 0 1px 2px #999;
    	margin: 20px auto 0;
    	overflow: hidden;
    	width: 100%;
    }
    
    .home #inner {
    	margin: 30px auto 0;
    }
    
    .agency-landing #inner {
    	margin: 20px auto;
    	width: 800px;
    }
    
    #inner .wrap {
    	padding: 25px 40px;
    }
    
    .page #inner {
    background: #E6E6E6;
    }
    
    #52847

    wp guy
    Participant
    Post count: 220

    From that code, currently the background color is white – #fff – just change that to another color code.

    #52849

    chrispenn
    Participant
    Post count: 3
    #52850

    colson
    Participant
    Post count: 145

    I don’t think he wants the home page to change color and changing it on #inner will also change the home page. OK I wish your site was online this would be easier not being able to see what is happening and if something else is causing things not to change.
    I don’t like to use !important but try this on the following code and see if that does change it (you really should not need !important but worth a try.

    .page #inner {
    background: #E6E6E6!important;
    }

    • This reply was modified 12 months ago by  colson.
    • This reply was modified 12 months ago by  colson.
    #52852

    Mr.Supersize
    Participant
    Post count: 12

    Colson, that didn’t help either. I hate to do this but, in order to make your life easier, I think, I should open the site. The site is open now (http://deeyes.com).

    /* Inner
    ------------------------------------------------------------ */
    
    #inner {
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-moz-box-shadow: 0 1px 2px #999;
    	-webkit-box-shadow: 0 1px 2px #999;
    	background-color: #E6E6E6;
    	border-radius: 5px;
    	box-shadow: 0 1px 2px #999;
    	margin: 20px auto 0;
    	overflow: hidden;
    	width: 100%;
    }
    
    .home #inner {
    	margin: 30px auto 0;
    }
    
    .agency-landing #inner {
    	margin: 20px auto;
    	width: 800px;
    }
    
    #inner .wrap {
    	padding: 25px 40px;
    }
    
    .page #inner {
    background: #E6E6E6!important;
    }
    
    #52853

    colson
    Participant
    Post count: 145

    Can you add the color you want to the #inner background so I can see if the changes are showing in firebug. Email me back when you have it changed…

Viewing 15 posts - 1 through 15 (of 24 total)

You must be logged in to reply to this topic.