Jump to content
Sign in to follow this  
travistsickle

change margin colors

Recommended Posts

travistsickle

what would be the css code to change the color of the margins on my page? When I change background, it changes the whole page. I want to change only the margins on the page to a light grey. Thanks.

Share this post


Link to post
Share on other sites
travistsickle

www.sicklehunter.com as you can see I have been trying but I'm not very good at css. Somehow there are spaces between the nav bar and features and features and footer. I'm trying to make it look like one long page with the background gray but I'm getting random spaces. anyways, here is the css I have added... .category-insurance, .metabar, .post-footer{display:none} .fullwidth #pagelines_content #column-main, .fullwidth .wmain, .fullwidth #buddypress-page #container { width: 800px; background: #ffffff; } #page { min-height: 700px;} .fullwidth #column-main .mcolumn-pad, #boxes .content-pad { background: #ffffff; } #footer{background:#ffffff;width:800px;margin:0 auto;} #branding .content-pad { background:#ffffff; padding: 10px 15px;} #primary-nav .content-pad {background:#ffffff; padding-top: 6px;} div.textcontent {font-size: 19px;} #breadcrumb { color: #999999; background: #ffffff; width:800px;margin:0 auto; font-size: 0.8em; padding: 0px 0; text-transform: uppercase; } #footer .content-pad { background: #ffffff; padding: 0px 0 1em; font-size: .85em; } .mcolumn-pad { padding-top: 0; } #primary-nav li a { text-shadow: 0 .5px .5px; color:#FFFFFF !important; font-size: 1em; font-weight: 600; font-family: Georgia, Times, serif; text-transform: none; background-color: #0099CC; border: 0px solid transparent; border-bottom:none; } #primary-nav #nav_row, #primary-nav ul li, #primary-nav ul.sf-menu { color:#FFFFFF !important; font-size: 1em; font-weight: 600; font-family: Georgia, Times, serif; text-transform: none; background-color: #0099CC; border: 0px solid transparent; border-bottom:none; } #primary-nav .main-nav li a:hover { color:#FFFFFF !important; font-size: 1em; font-weight: 600; font-family: Georgia, Times, serif; text-transform: none; background-color: #585858; border: 0px solid transparent; border-bottom:none; }

Share this post


Link to post
Share on other sites
cmunns

It looks like you have all the background applied as white, what exactly are you trying to get at? Do you have a mock up you may be able to share. Also you don't have to assign a width using css since this can be controlled in your Platform settings under Layout Editor.

Share this post


Link to post
Share on other sites
travistsickle

Checkout the site, www.sicklehunter.com there are spaces between the features and the next section and the footer area is the whole page length. I every page to have a white background with the margins gray. I just can't seem to get it.

Share this post


Link to post
Share on other sites
bryan-hadaway

It looks like you've got it the way you want? If you want a white background: ` body, body.fixed_width { background: none repeat scroll 0 0 #FFFFFF !important; } ` Put that in Custom Code > Custom CSS. Thanks, Bryan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×