Jump to content
Sign in to follow this  
bdietderich

Trying to Customize Navigation

Recommended Posts

bdietderich

Hi there I'm trying to customize the color of my navigation to a light green but I'm not familiar with the proper coding. Is there a plug in I could install to help design my navigation or can someone help me out with the coding? THanks, Here's the url http://ksnvienna.com/

Share this post


Link to post
Share on other sites
Rob
There's no plugin I can suggest that wouldn't be relatively difficult but I can suggest the following code go into Dashboard > PageLines > Custom Code in CSS Rules: [code]/* NAV BACKGROUND AND BORDER UNDER NAV */ .navigation_wrap { border-bottom: 1px solid #BBFACC !important; background-color: #e8ecef !important; } /* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND (NO HOVER) */ .main-nav li a { background-color: #BBFACC !important; color: #3f95c7 !important; } /* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND ON HOVER */ .main-nav li a:hover { background-color: #8CDBA1 !important; color: #16692B !important; } /* TO MAKE THE ACTIVE MENU APPEAR LIKE THE REST */ .main-nav .current-menu-item a, .main-nav .current-menu-item ul li a:hover { background-color: #8CDBA1 !important; color: #16692B !important; } .main-nav .current-menu-item ul li a { background-color: #A3D9B1 !important; color: #253AC2 !important; }[/code] You will need to adjust the background colors and the color (which is the font). I suggest http://www.colorpicker.com to find the colors you want.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
bdietderich
Thanks a lot this works great. I was wondering if you also had the css for changing the nav font? or will that change when I change the default font? thanks in advance.

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  

×