Jump to content
Sign in to follow this  
wudza

MainNav width

Recommended Posts

wudza

Hi there! I've just implemented the code from this topic - everything is workin' great here ! could someone help with with: I need the MainNav to become full-width like here My pagelines-customize/style.css code: /* @ Main Nav */ .main_nav li a{ padding: 4px 10px; text-decoration: none; display: block; border: 1px solid transparent; /* border-bottom:none; */ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #5077BE !important; background: #A9A9A9; background: -moz-linear-gradient( white, #A9A9A9 ); background: -webkit-gradient( linear, 0% 0%, 0% 100%, from(white), to(#A9A9A9) ); background: -webkit-linear-gradient( white, #A9A9A9 ); background: -o-linear-gradient( white, #A9A9A9 ); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

Share this post


Link to post
Share on other sites
catrina
Do you just want the gradient background to continue to the right edge of the site's main column + sidebar?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
wudza
Dear Catrina , Thank you for your reply almost solved with this: [quote]/* @ Main Nav full width background */ /* @ Main Nav */ .main_nav_container{ width: 100%; float: left; margin-right: -230px; background: #A9A9A9; background: -moz-linear-gradient( white, #A9A9A9 ); background: -webkit-gradient( linear, 0% 0%, 0% 100%, from(white), to(#A9A9A9) ); background: -webkit-linear-gradient( white, #A9A9A9 ); background: -o-linear-gradient( white, #A9A9A9 ); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }[/quote]

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  

×