Divi – Como hacer un botón de menu con un cta

En opciones de pantalla activamos en check de css

En el menu, creamos un enlace personalizado con el nombre del boton que queremos, por ejemplo ASOCIATE

Le ponemos la url como https://www.mipagina.com/asociate

En el campo de clase de css ponemos este texto:

cta-menu

Ahora nos vamos a Divi > opciones de tema > Css personalizado

Ahora copiamos este código

.cta-menu a {
border: 3px solid #ffcd02;
padding: 12px !important;
border-radius: 25px;
background: #ffcd02;
color: #0c71c3 !important;
margin-bottom: 10px;
}

.cta-menu a:hover {
border: 3px solid #00BBA3;
padding: 12px !important;
border-radius: 25px;
background: #00BBA3;
color: #ffffff !important;
margin-bottom: 10px;
opacity: 1 !important;
}

 

Abrir chat