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.
change margin colors
Started by
travistsickle
, Dec 16 2010 12:18 AM
5 replies to this topic
#2
bryan-hadaway
-
- Members
-
- 3,697 posts
Advocate
Posted 16 December 2010 - 10:31 AM
Let's get a link.
Thanks, Bryan
#3
travistsickle
-
- Members
- 62 posts
Advanced Member
Posted 23 December 2010 - 04:10 PM
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;
}
#4
cmunns
-
- Members
-
- 6,511 posts
Advocate
Posted 23 December 2010 - 05:52 PM
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.
#5
travistsickle
-
- Members
- 62 posts
Advanced Member
Posted 23 December 2010 - 09:04 PM
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.
#6
bryan-hadaway
-
- Members
-
- 3,697 posts
Advocate
Posted 24 December 2010 - 04:50 AM
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
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
