Nav bar links and borders colors

BakuBaku Registered Users Posts: 8 Big grins
edited December 18, 2016 in SmugMug Customization
I am trying to achieve the homepage language menus I have found here : tunguyenwedding.com .
Unfortunagely, I can not get the exact results.
My web site : www.vladimir.photography .
The CSS code currently implemented is :

.sm-page-widget-nav-toplink, .sm-page-widget-nav-toplink:last-child {
border: 2px solid #4c4c4c !important;
padding: 5px 20px 5px 20px !important;
margin-bottom: 0px !important;
}

.sm-user-ui .sm-page-widget-nav-toplink a:hover {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #4c4c4c !important;
}

/* Transition the links so they fade in and out */
a {
-webkit-transition:color 0.5s ease-in;
-moz-transition:color 0.5s ease-in;
transition:color 0.5s ease-in;
}

What changes should I make to achieve the results similar to tunguyenwedding.com ?

1. What CSS code should I add to change the original color of the menu link ?
2. How should I change the CSS code get the border color change on mouse hover with the fade effect ?

Thanks

Comments

Sign In or Register to comment.