Avisos
Vaciar todo

cambiar de color al boton  

 
Jaime Erdulfo
 Jaime Erdulfo
Reputable Member
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/

Citar
Respondido : 19/05/2020 12:23 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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*/
}

 

 

ResponderCitar
Respondido : 19/05/2020 4:03 am

Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

@bulmaro-webempresa

image

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

ResponderCitar
Respondido : 19/05/2020 1:12 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 19/05/2020 1:20 pm

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

@argenis

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

ResponderCitar
Respondido : 19/05/2020 3:02 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

ResponderCitar
Respondido : 19/05/2020 3:20 pm

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