Jump to content
Sign in to follow this  
thk0418

Navi Menu bar Colors & Design

Recommended Posts

thk0418

I'm trying to change the Navi Menu bar color to blue font color white and make it little roundy.. and also color white for Submenu when hover

Share this post


Link to post
Share on other sites
thk0418
actually make all to blue color with white font roundy look navi I tried one by one but doesnt seem to work for me.. www.geekscode.com

Share this post


Link to post
Share on other sites
Danny
Hi, Would it be possible for you to post a screenshot concept image or a link to a similar style menu, then I can help you.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
thk0418
[img]http://1.bp.blogspot.com/_4VdowE7_HSA/SXNvIAg3jcI/AAAAAAAAAEc/zRBdNPrP0aA/s1600/media_1232300099993_lg.png[/img]

Share this post


Link to post
Share on other sites
Jenny
This should get you going in the right direction. Add the following to your Custom code -> Custom CSS: [code]#nav_row ul li a { background-color: #227CBA !important; color: #ffffff !important; font-weight: normal !important; font-size: 14px !important; text-transform: none !important; }[/code] You can add or change the code with your own CSS.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
thk0418
THANK YOU! is there any way i can put same colors on empty spots(row)? and also put border on it..

Share this post


Link to post
Share on other sites
Rob
I'm sorry, but I don't understand what you mean by "empty spots(row)". Could you clarify further. Also, I'm unclear what element you wish to put a border around. Please let us know. Thanks!

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
thk0418
[img]http://www.tasteofkitchen.com/wp-content/uploads/2011/12/Capture.jpg[/img]

Share this post


Link to post
Share on other sites
Jenny
This should turn the whole row blue: [code]#nav_row { background-color: #227CBA !important; }[/code]

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
catpage
Hi I am doing much the same as above to style a menu with the difference that I am using the style element background-image:url('myimage.jpg'); to set a graphic in the menu to get a nice gradation effect. When I set the same background-image in #nav-row the graphic extends to the edge of the area but it does not occupy the same vertical height so looks odd. How might I correct this? Also drop-down menus would look better NOT using the background image and probably with the horizontal line gaps between items closed up. What style element needs to be set? [img]http://www.diditon.com/clients/images/menubkgng2.jpg[/img]

Share this post


Link to post
Share on other sites
catpage
Oh, and vertical dividers between menu items...? Thanks

Share this post


Link to post
Share on other sites
catpage
There also seems to be some clever 'shadow' styling on menu text which ought to be removed...

Share this post


Link to post
Share on other sites
Jenny
Make sure you start your own topic for your questions since this one has already been resolved. Thanks!

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
catpage
Whoops - did not notice it was marked 'answered'. Have re-posted as a new topic.

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  

×