Change background color of one item in nav bar

sabistarr

hello - I have created a link to another site and need to design a button for my smug mug site. I thought the easiest thing to do was pop in another nav bar, have one item in it, and style it. Ha. Not so easy. Is it possible to change the background of this nav bar without changing anything on the original nav bars?

I'm using this CSS to change the color but all menu items are being affected:

.sm-page-widget-nav a
{
background-color: #9932CC !important;
padding: 7px 7px 7px 7px !important;
}


Appreciate any ideas!
Thank you.

Lille Ulven

It could be possible, in case your link has also an ID. Then you could address it not only by the classes used but by the ID.

But please add a link to your site into your signature here, that way we can have a look and help you out way better

Best of luck

Lille Ulven

Allen

I did it by using the link.

.sm-page-widget-nav-toplink a[href*="/Public-Site-Index"] {color:gold !important;}
.sm-page-widget-nav-toplink a:hover[href*="/Public-Site-Index"] {color:yellow !important;}
.sm-page-widget-nav-toplink a[href*="/Family-Search"] {color: #666; font-style:italic;}

You could also use the individual widget class name to target only a specific menu widget,

sabistarr

Awesome, thank you!

www.tammyloverdos.com