How to customize the button of Nav-menu ?

I want to customize the button of Nav-menu like this(themia theme style):



What's the step to do?
Thanks!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu li {
background: red;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
 
#menu .ddsmoothmenu li a{
color:brown;
}
#menu .ddsmoothmenu li a:hover{
color:white;
}

In place of "red", "brown" and "white" you can put your color or color code.
This will solve your issue.

 

Sorry! The original button is too heavy. I just need to change the color of button to gray. The other menu items keep in text.
Thanks

 

Hello,

Do let us know your website link.


Thanks & Regards
Gourav Shrivastava