Avisos
Vaciar todo

[Resuelto] Cambiar / invertir color en boton  

 
Walter
 Walter
Reputable Member

Hola,

Necesitaría cambiar (invertir) el color de dos botones, ambos están a la derecha de la pantalla del post https://estudiowls.com.ar/calcular-indemnizacion-despido-trabajo-en-negro-capital-federal-argentina

Un boton dice CONSULTAR y el otro dice CALCULAR AHORA

Necesitaria invertir los colores de ambos botones por los colores que aparecen con el hover.
Es decir, que en el boton de CONSULTAR el texto sea blanco y al pasar el hover sea negro; y que en el boton que dice CALCULAR AHORA que el fondo del boton sea negro con letras blancas y que al pasar el hover el fondo sea transparente y el texto en blanco.

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/02/2019 10:38 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Puedes colocar el siguiente código CSS: https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

.btn, button, .button, input[type="submit"] {
	color: #fff!important;	
}
.btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus {
	color: #000 !important;
}
.wg-text-help .btn {
	background-color: #000;
}
.wg-text-help .btn:hover {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
ResponderCitar
Respondido : 26/02/2019 2:26 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Walter
 Walter
Reputable Member

Muchas gracias!
El boton wg-text help funcionó perfecto.
Pero el boton btn sigue igual, no tuvo ningun cambio.

ResponderCitar
Respondido : 26/02/2019 2:08 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Walter

Supongo que te refieres al boton de consultar y por lo qu eentiendo lo qu equieres es que el texto cambie de color, es decir, por defecto el texto en blanco y al pasar el raton por el boton el texto sea negro.

Si es eso prueba añadir lo siguiente al archivo

.widget-1 button {
    color: #fefefe!important;
}

.widget-1 button:hover {
    color:#181818!important;
    border-color:#181818!important;
}

Puedes añadir el código en el archivo "style.css" wp-content -> themes -> wp-trust-child -> style.css

Un saludo

ResponderCitar
Respondido : 26/02/2019 3:15 pm

Cursos Gratuitos WordPress

Walter
 Walter
Reputable Member

Excelente! muchisimas gracias

ResponderCitar
Respondido : 26/02/2019 3:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Walter.

Nada un placer poder ayudaros Amigo !!!!!
Ya sabes, cualquier consulta que tengas nos encontrarás por aquí 😉

Cerramos el tema.

Un saludo

ResponderCitar
Respondido : 26/02/2019 3:56 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress