Options

Navbar Separator Color

shniksshniks Registered Users Posts: 945 Major grins
edited October 8, 2015 in SmugMug Customization
Hi guys,


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


Cheers,
Nikhil

My Website | My Blog | My Facebook Page | My YouTube

Comments

  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited October 8, 2015
    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}
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    shniksshniks Registered Users Posts: 945 Major grins
    edited October 8, 2015
    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,
    Nikhil

    My Website | My Blog | My Facebook Page | My YouTube
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited October 8, 2015
    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]
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    shniksshniks Registered Users Posts: 945 Major grins
    edited October 8, 2015
    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! :Dclap.gifclapclap.gif
    Nikhil

    My Website | My Blog | My Facebook Page | My YouTube
Sign In or Register to comment.