I would like to be able to use a couple of Epik styled buttons in the main menu for sign-up and login as I want them to appear prominently, like a call to action.
I thought if I switch on CSS Classes in the WordPress Custom Menu System, I would simply be able use an Epik button class to style specific entries, but the first thing I found is that WordPress removes the periods in the classes name so “a.button.red” for example becomes “abuttonred”.
So do I need to create my own custom class(es) and add additional CSS like this, or is there some other way?
/* Target the menu item LI */
.menu li.myClass{
/* Margin might go here */
}
/* Target the menu item Anchor (link) */
.menu li.myClass > a{
/* Colors, font sizes, would normally go here */
}
You would only add the class without the period (WP knows its a class so you don’t need to add it)
Then just create an entirely different class specifically for the menu “li” and style it how you want it to appear. Much easier this way than trying to figure out the other buttons.
Eric, could you give me an example please of how to create a button menu link?
I’ve tried what I think you suggested but I don’t seem to be getting anywhere. Truth is, I don’t really understand what it is your suggesting I do. At least not in detail.