Avisos
Vaciar todo

[Resuelto] Cambiar / invertir color en boton

6 Respuestas
3 Usuarios
0 Reactions
191 Visitas
Respuestas: 359
Reputable Member
Topic starter
 

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


 
Respondido : 25/02/2019 10:38 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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;
}

 
Respondido : 26/02/2019 2:26 am
Respuestas: 359
Reputable Member
Topic starter
 

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


 
Respondido : 26/02/2019 2:08 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 26/02/2019 3:15 pm
Respuestas: 359
Reputable Member
Topic starter
 

Excelente! muchisimas gracias


 
Respondido : 26/02/2019 3:42 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member 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


 
Respondido : 26/02/2019 3:56 pm