Button style menu item

Support
#1

Hi, I do need some help how to get the look of the button as in undermentioned sample. It is for the menu item “Customer Login” and with the same color as current. And have the same hover color as the other items. The site is maxxfleet.com. i have played around with the CSS code but failed to get things done properly. Thank you.

#2

Hi There,

You can try with this custom CSS:

li#menu-item-1657 > a {
    padding-top: 13px;
}
li#menu-item-1657 > a:hover {
    box-shadow: none;
    background-color: #1d7eb1;
}
li#menu-item-1657 > a > span {
    background-color: #9e1b1b;
    padding: 12px;
    border-radius: 25px;
}
li#menu-item-1657 > a:hover > span {
    background-color: #980707;
}

Let us know how it goes!

#3

Thank you Thai, it looks great.

#4

Glad we could help.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.