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

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

    Mr.Supersize
    Participant

    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

    Hello Experts, any help here?

    Thank you.

    #52777

    colson
    Participant

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

    #52788

    wp guy
    Participant

    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

    @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

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

    #52812

    colson
    Participant

    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

    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

    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

    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

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

    #52849

    chrispenn
    Participant
    #52850

    colson
    Participant

    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 2 years ago by  colson.
    • This reply was modified 2 years ago by  colson.
    #52852

    Mr.Supersize
    Participant

    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

    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.