manenberg 0 Report post Posted January 3, 2011 What wording do I use so that the nav bar goes all the way across my site. The site is set to full width. www.marcsloans.com. Here is the code that I took from a different post. /* *************** NAVIGATION CSS *************** */ #primary-nav{ background-color:#000066; -moz-box-shadow: 0px 3px 6px #666; -webkit-box-shadow: 0px 3px 6px #666; box-shadow: 0px 3px 6px #666; width:990px; margin-left:-5px; z-index:1; } #breadcrumb {position:relative;z-index:0;} #primary-nav #nav_row { border-bottom:1px solid #000066; } #primary-nav .content-pad { padding-bottom:0px; padding-top:0px; } /* this style is adding a border, keep in mind for color changes */ #primary-nav #nav_row { border-bottom: 1px solid #000066; } /* this style is setting the color, but keep an eye on font-weight for your custom color */ #primary-nav li a{ color: #FFFFFF !important; line-height: 1.2em; padding: 10px 15px 10px; text-decoration: none; display: block; border: 1px solid transparent; border-bottom:none; font-weight: lighter; font-size: .9em; text-transform: uppercase; letter-spacing: .03em; background: #000066; } /*IE6 border color (transparent border fix)* -- also keep an eye on this when changing colors/ *html #primary-nav li a{border-color: white;} /* here is the hover color for the links in the nav bar */ #primary-nav .main-nav li a:hover{ background: #FFF; color: #000066 !important; } #primary-nav .main-nav li a:clicked{ color: #000066 !important; } .main-nav li.current_page_item ul a{ background: #000066; color: #fff; Share this post Link to post Share on other sites
manenberg 0 Report post Posted January 3, 2011 I changed the width to full and that worked, what would the wording be to have it come in on both sides a set amount Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted January 4, 2011 You could add this Custom CSS: `body{margin:0px 20px 0px 20px}` And adjust 20 to what you like. Thanks, Bryan Share this post Link to post Share on other sites