Community Forums › Forums › Archived Forums › Design Tips and Tricks › Agency Theme – Change Content Background
- This topic has 23 replies, 4 voices, and was last updated 10 years, 8 months ago by Mr.Supersize.
-
AuthorPosts
-
July 24, 2013 at 11:42 pm #52414Mr.SupersizeMember
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.
July 25, 2013 at 10:13 pm #52558Mr.SupersizeMemberHello Experts, any help here?
Thank you.
July 27, 2013 at 7:17 am #52777colsonKeymasterDo you have a link to your site? Which theme is this for?
July 27, 2013 at 7:46 am #52788wp guyMemberI 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%;
}July 27, 2013 at 9:44 am #52807Mr.SupersizeMember@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.
July 27, 2013 at 9:46 am #52808wp guyMemberWithout a link to your site I'm not going to be able to take a look.
July 27, 2013 at 9:56 am #52812colsonKeymasterCan 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;
}July 27, 2013 at 10:11 am #52814chrispennMemberHi, 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
July 27, 2013 at 10:30 am #52818colsonKeymasterHi 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.
July 27, 2013 at 11:41 am #52839Mr.SupersizeMemberColson, 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; }
July 27, 2013 at 12:11 pm #52847wp guyMemberFrom that code, currently the background color is white - #fff - just change that to another color code.
July 27, 2013 at 12:19 pm #52849chrispennMemberto Mr colson many thanks started a new thread
July 27, 2013 at 12:19 pm #52850colsonKeymasterI 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;
}July 27, 2013 at 12:29 pm #52852Mr.SupersizeMemberColson, 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; }
July 27, 2013 at 12:37 pm #52853colsonKeymasterCan 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...
July 27, 2013 at 12:47 pm #52854Mr.SupersizeMemberColson, color added. But, I am not seeing that reflected in the site.
July 27, 2013 at 12:59 pm #52855Mr.SupersizeMemberColson, when its ok please let me know. I change the site back to maintenance mode.
Thank you.
July 27, 2013 at 1:02 pm #52856colsonKeymasterI am looking now
July 27, 2013 at 1:04 pm #52857Mr.SupersizeMemberThanks for your time. Appreciate that.
July 27, 2013 at 1:06 pm #52858colsonKeymasterOk in firebug the change is not showing this is what I see for the #inner:
#inner {
background-color: #FFFFFF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 2px #999999;
margin: 20px auto 0;
overflow: hidden;
width: 100%;
}So your changes are not saving... or you are putting them in the wrong css file. If you wanted to get me access to the site I could try looking to see what is going on... I will email a friend of mine and have them review this thread to see if I am missing something but I don't think so.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.