Navbar Separator Color

shniks

Hi guys,


How do I change the color of the Navbar separators (i.e. the separators that go between "Home," "Galleries" etc.)?


Cheers,

Allen

Try this

.sm-page-widget-12511180 .sm-page-widget-nav-toplink {border:none !important}

Oops just read you wanted color changed, be back.

.sm-page-widget-12511180 .sm-page-widget-nav-toplink {border-color:red !important}

shniks

Allen wrote: »

Try this

.sm-page-widget-12511180 .sm-page-widget-nav-toplink {border:none !important}

Oops just read you wanted color changed, be back.

.sm-page-widget-12511180 .sm-page-widget-nav-toplink {border-color:red !important}

You rock as always Allen - I used #ccc instead of red to make it match the Navbar text color.


Thanks much,

Allen

shniks wrote: »

You rock as always Allen - I used #ccc instead of red to make it match the Navbar text color.


Thanks much,

Great!

There is a way to shorten those borders also.

This will move the border down some.
line-height: 14px;

/*Make Navbar separator color dark grey*/
.sm-page-widget-12511180 .sm-page-widget-nav-toplink {
border-color:#ccc !important;
line-height: 13.5px;
[strike]padding-bottom: 3px[/strike]
}

shniks

Allen wrote: »

Great!

There is a way to shorten those borders also.

This will move the border down some.
line-height: 14px;

/*Make Navbar separator color dark grey*/
.sm-page-widget-12511180 .sm-page-widget-nav-toplink {
border-color:#ccc !important;
line-height: 13.5px;
[strike]padding-bottom: 3px[/strike]
}

You are too much Allen - I was just going to ask you to kindly help with that. Thanks so much! clap