Sure, just activate css classes in screen option at yoursite.com/wp-admin/nav-menus.php page and fill it with some button css classes, for example: menubutton btn btn-mini btn-success
You will need to add few lines in you custom.css or child theme css file. For above css classes just add:
.nav>li.menubutton.btn a {
color: #FFF;
text-shadow: 0 -1px 0 rgba(0,0,0,0.31);
padding: 0 5px;
}
You`ll maybe need to correct padding for your menu item. Thats it. Regarding any color, its also possible, but with some more css editing. For starters you have few color options provided by Bootstrap itself, take a look at http://getbootstrap.com/2.3.2/base-css.html#buttons
Nikeo explained how he did it on his site here.
thank you for the explainations 🙂
but is there also a possibility to change to whole color of the box (not just the text) ?
Great site for generating Bootstrap Buttons. Will help you understand the code you need.
Thanks for your help but I still really don’t know how to change the color of the box to any color I want.
So I want to be able to paste any color-code I want!
Hope someone can help me :/
Nikeo’s just started the code snippets part of his site. You can find full details on how to add a button to the menu here.
