Avisos
Vaciar todo

cambiar de color al boton

6 Respuestas
3 Usuarios
0 Reactions
13 Visitas
Respuestas: 421
Reputable Member
Topic starter
 
cats

el boton "añadir pedido" cambiarlo de color fondo rojo,

letra de color blanco 
Y ALINEARLO AL LADO IZQUIERDO,
AL COSTADO, DEL 1 

 

se puede aumentar el tamaño del boton? 

 

https://www.preventor.com.pe/preventor/chequeos-oncologicos/


 
Respondido : 18/05/2020 11:23 pm
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola Jaime, 

Inserta el css siguiente:

.woocommerce button.button.alt{
background-color:red;
color:white;
}
.single-product div.product form.cart .button{
float:left;
}

button{
height:40px; /*Ajuste altura*/
}

 

 


 
Respondido : 19/05/2020 3:03 am
Respuestas: 421
Reputable Member
Topic starter
 

@bulmaro-webempresa

image

cuando pongo el mouse sobre encima del boton añadir pedido me sale color celeste, solo quiero que sea rojo


 
Respondido : 19/05/2020 12:12 pm
Argenis
Respuestas: 11566
Soporte CMS Webempresa
 

Hola jaime,

Para que tu botón se mantenga en ese color una vez pasas el mouse sobre el, debes ingresar este código css

button.single_add_to_cart_button.button.alt:hover {
background-color: red;
color: white;
}

Saludos 🖐️ 


 
Respondido : 19/05/2020 12:20 pm
Respuestas: 421
Reputable Member
Topic starter
 

@argenis

solo cambia de color si le doy clic dentro del boton, yo quiero que aparezca por defecto color blanco 


 
Respondido : 19/05/2020 2:02 pm
Argenis
Respuestas: 11566
Soporte CMS Webempresa
 

Hola Jaime,

Respondido por: @radiologosenlinea2gmail-com

cuando pongo el mouse sobre encima del boton añadir pedido me sale color celeste, solo quiero que sea rojo

De acuerdo a esta consulta se elaboró el código css que incluiste en el sistema, si lo que deseas es que se mantenga en rojo hasta el momento que haces click para que cambie a blanco con el texto en rojo el código que debes adicionar es el siguiente:

button.single_add_to_cart_button.button.alt:active {
background-color: white !important;
color: red !important;
}

Saludos 🖐️ 


 
Respondido : 19/05/2020 2:20 pm