Avisos
Vaciar todo

[Resuelto] Personalización botones plugin Ultimate Member con Divi  

 
Fernando
 Fernando
Usuario activo

Buenas, estoy buscando por todos lados la manera de personalizar los botones de registro y login de este plugin (Ultimate Member), pero en todas las guías que encuentro en internet me llevan a un callejón sin salida, ya que se puede hacer, pero no con Divi. Alguna solución?

Un saludo!

Contenido solo visible a usuarios registrados

Respondido : 06/10/2024 6:39 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Fernando,

Puedes mostrarnos cuales son y como deseas personalizar estos botones?

Es probable que tengamos que recurrir a estilos CSS a medida para que los cambios puedan ser tomados asemejándose a lo que quieres lograr

Quedamos atentos

Saludos!

Respondido : 06/10/2024 7:43 pm

Fernando
 Fernando
Usuario activo

@bruno-vichetti Gracias por la respuesta Bruno. Por supuesto, te adjunto la imagen de los botones tal como son con el plugin Ultimate member (y que no encuentro la manera de personalizar) y otra imagen del botón base de la web.El color del botón base de la web es rgb(207,194,163) con un borde blanco de 2px y las letras en negro.

bot registr acceder ultim memb
boton NG base

 

Respondido : 06/10/2024 7:54 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Fernando,

Tal parece que tu sitio no esta disponible al publico por lo que veo un mensaje de próximamente

Para poder ver los botones a editar necesitamos poder ver donde se encuentran

Puedes levantar este modo y dejarnos el enlace de donde aparecen los botones?

Saludos!

Respondido : 06/10/2024 7:57 pm

Fernando
 Fernando
Usuario activo

Por supuesto, la he abierto temporalmente. El enlace para ver el formulario es este: https://nancogame.com/formulario-contacto/

Respondido : 06/10/2024 8:18 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Fernando,

Para lograr un aspecto como el siguiente:

image

Puedes probar con los siguientes estilos CSS

.um-button{
background: #CFC3A2;
border: solid 1px #fff !important;
color: #180708;
font-size: 20px;
text-transform: uppercase !important;
}

.um-button:hover{
background: #180708;
border: solid 1px #fff !important;
color: #fff;
}

Si deseas cambiar de color tambien del boton de "Acceder" debes usar los estilos de esta manera

.um .um-button.um-alt{
background: #eee;
}

Te he compartido como cambiar de color los botones con sus estados de hover (al pasar el cursor), para usar estos estilos CSS puedes agregarlos desde el apartado de ajustes de Divi o bien desde las opciones de Apariencia -> Personalizar -> CSS agregado

Saludos!

Respondido : 06/10/2024 10:12 pm

Fernando
 Fernando
Usuario activo

@bruno-vichetti Bruno, los he añadido como ves en la primera imagen, creo que es donde me comentas, pero al darle a refrescar al enlace que te mandé, no cambia. No sé si estoy haciendo algo mál...

cssadicinoal botton
Respondido : 06/10/2024 10:23 pm
Fernando
 Fernando
Usuario activo

Vale, ya lo he arreglado, me fui al inspector de chrome y es que la clase era #um-submit-btn.um-button. Ya está listo. Muchas gracias por tu ayuda Bruno!

Respondido : 06/10/2024 10:37 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Fernando,

Genial! Siempre es un gusto poder ayudarte, cualquier otra duda que tengas estaremos atentos por acá

Saludos!

Respondido : 06/10/2024 11:15 pm