Avisos
Vaciar todo

cambiar de color a boton

4 Respuestas
2 Usuarios
0 Reactions
15 Visitas
Respuestas: 421
Reputable Member
Topic starter
 

https://www.preventor.com.pe/mi-cuenta/

image

Buenas tardes, desde una computadora, el boton ACCEDER Y REGISTRARSE SE VEN BIEN, pero cuando ingreso desde un celular.

Los botones no se muestran igual, se muestran de color blanco, desnivelado

image
image

como hago para que se muestre igual que en la computadora, boton color rojo letra blanca , nivelado el texto. 


 
Respondido : 24/05/2020 9:26 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola Jaime,

Prueba agregando el siguiente código CSS

.woocommerce button.button {
background-color: #f00;
border: 1px solid #f00 !important;
text-decoration: none;
color: #fff !important;
line-height: .5em !important;
border-radius: 5px !important;
}

.woocommerce button.button:hover {
background-color: #9e0808 !important;
border: 1px solid #9e0808 !important;
}

Un Saludo


 
Respondido : 24/05/2020 10:39 pm
Respuestas: 421
Reputable Member
Topic starter
 

@karen

image
image

https://www.preventor.com.pe/finalizar-compra/

Desde un dispositivo movil, me sigue apareciendo ¿Tienes un cupón? Haz clic aquí para introducir tu código  (2 veces me pide cupon ingresar) 

 

image

el boton comprar no se ve el texto, el fondo es color rojo,y letra blanca 


 
Respondido : 24/05/2020 11:25 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola Jaime,

Para cambiar el color de fondo del botón prueba con el siguiente código CSS

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
background-color: #f00 !important;
}

 

Por otro lado si lo que deseas es ocultar la opción de cupón en la vista de los productos puedes probar con el siguiente código CSS

Screenshot(53)

.woocommerce-page table.cart td.actions .coupon {
display: none !important;
}

 

Un Saludo


 
Respondido : 24/05/2020 11:44 pm