Extend width of highlight section

[create180design 1]

Hi, I'd like to extend the highlight background beyond the page borders like the footer. This way the highlight section is the full width of the screen, just like the features area on my home page. Any help on this will be appreciated! http://www.create180design.com/branding is where the highlight sample is and the feature is on home page.

[timlinson 3]

You can put this on a separate line in custom code > custom css: `#highlight {color:#6c9934 !important}`

[create180design 1]

Hi Tim, It does not extend the background image past the width of the body. Still trying to get it to extend infinite on both sides.

[timlinson 3]

This is what it looks like using that rule: http://imgur.com/9zHvT What exactly does your custom code section look like? Or is that picture not what you want?

[create180design 1]

Hi Tim, Yes, that is what I want but it's not giving me the same results. Here's what I have in my custom css window: #cred {display: none;} body{ font-size: 14px } #boxes h3 { font-size: 2.2em; } h2 { color: #6c9934; } h1, h1.pagetitle { font-size: 1.2em; } #brandnav .main_nav {float:left;width: 76%;} #brandnav .mainlogo-link, #brandnav .title-container{ float: left; line-height: 0.7em; width: 11%; padding: 0; } .main_nav { line-height: 1.1em; text-align: left; margin-top: 40px; z-index:28; /* Fancybox Uses 30 */ position:relative; } #feature {background:#6c9934;} .fbox{padding-top:60px;position:relative;} .fboxtitle{position:absolute;top:20px;} #highlight {color:#6c9934 !important} #highlight .highlight-head { font-size:2.1em; color: #ffffff; } #highlight .content-pad .highlight-area { background: #6c9934; } #highlight .highlight-subhead { color: #ffffff; } #secondnav ul a:hover { background: #E8F3D2; } #secondnav ul li.current_page_item a { background: #EAE9E8; } #feature-footer.nonav { border-top-width: 0; } .fpost {border:0} .with_frm_style .submit input[type="submit"]:hover{color:#ffffff;background:#6c9934;} .with_frm_style p.submit{background:none; border:none; padding:2px 0;}

[timlinson 3]

sorry my post has a typo, change `color` to `background`: `#highlight {background:#6c9934 !important}`

[create180design 1]

That worked perfectly, thank you!