Skip to content

Instantly share code, notes, and snippets.

@cesgarma
Created October 12, 2018 22:41
Show Gist options
  • Save cesgarma/01d027c007817eb9c55ac5a908e60a99 to your computer and use it in GitHub Desktop.
Save cesgarma/01d027c007817eb9c55ac5a908e60a99 to your computer and use it in GitHub Desktop.
Make a Divi menu item a Call to action button instead. The CSS assumes that the menu element is a "link" and the CSS ID is "join"
/*-----------------[CTA Menu Item]----------------*/
/* style the get started cta button */
.join {
border-radius: 0px;
}
.join a {
color: #fff!important;
}
li.join {
background-color:#71b830;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding: 16px 32px 28px 32px!important;
border-radius: 3px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
li.join:hover {
background-color:#f96865;
}
/* fixed header button text color */
.et-fixed-header #top-menu .join a {
color: #fff!important;
}
.join li.current-menu-ancestor > a, .join li.current-menu-item > a {
color: #fff !important;
}
@media only screen and (min-width : 981px) {
li.join {
height: 33px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment