[Solved] Adding a styled CSS button

by


Here a code snippet for the button. Add the css on the custom style of wordpress, and the class for the button in your menu item.

Don’t be freaked about the font, it will get the font that is used in your theme.

.menu-btn {
  background-color: #F7951E;
  color: #fff;
  padding: 6px 18px 3px !important;
  border-radius: 5px;
  border-bottom: 2px solid #D4821F;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  top: 2px;
  text-decoration: none;
  transition: background .3s;
}

.menu-btn:hover {
  color: #fff;
  background-color: #D4821F;
}
<a class="menu-btn" href="#"> Get It Now </a>

EDIT:

Code for you website’s menu :

.menu-btn {
  line-height: 1;
  margin-top: 25px;
  background-color: #F7951E;
  color: #fff !important;
  padding: 10px 18px 7px !important;
  border-radius: 5px;
  border-bottom: 2px solid #D4821F;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  top: 2px;
  text-decoration: none;
  transition: background .3s;
}

14

solved Adding a styled CSS button