cesgarma
10/12/2018 - 10:41 PM

Divi Menu CTA CSS

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"

menu_cta.css
content_copyfile_download
/*-----------------[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;
	}
}