Avisos
Vaciar todo

mas botones

12 Respuestas
4 Usuarios
1 Reactions
43 Visitas
Respuestas: 98
Trusted Member
Topic starter
 

cuando presiono un boton, el color de este se vuelve mas intenso. ¿Se puede atenuar a un mas la diferencia de color?

55

Por ejemplo, ajar el azul de (elegir tamaño) y cuando presionas el boton (elegir tamaño) que se ponga muy azul


 
Respondido : 23/05/2020 12:18 am
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola,

Puede hacerlo mediante CSS, por ejemplo, agrega el siguiente CSS en Apariencia -> Personalizar -> CSS Adicional:

ul.products li.product a.button:hover{
background-color:darkblue !important;
}

Puedes reemplazar el darkblue por el color que desees -> https://www.w3schools.com/cssref/css_colors.asp


Esta publicación ha sido modificada el hace 5 años por Bulmaro
 
Respondido : 23/05/2020 6:33 am
Respuestas: 98
Trusted Member
Topic starter
 

@bulmaro-webempresa

Funciona excepto para el movil, gracias. ¿como hacemos para que funcione en el movil? Gracias


 
Respondido : 23/05/2020 2:43 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Tal vez tenga que ver con el foco, modifica el código por el siguiente:

ul.products li.product a.button:active,
ul.products li.product a.button:focus,
ul.products li.product a.button:hover{
  background-color:darkblue !important;
}

Saludos


 
Respondido : 23/05/2020 5:15 pm
Respuestas: 98
Trusted Member
Topic starter
 

@jmarreros

en el movil no se experimentan cambios.

pero en el ordenador si en las paginas de categorias. Elegir tamaño

¿Se puede extender a todos los botones de otras paginas?

image
222
5555
8
66

el ultimo

6666666666666

 
Respondido : 23/05/2020 9:14 pm
Respuestas: 18646
Soporte CMS Webempresa
 

Hola Javier,

Realice una prueba y puedo verlo aplicado en la versión móvil

imagen

Para el cambio a los otros botones puedes probar agregando el siguiente código CSS en Apariencia -> Personalizar -> CSS Adicional

.single_add_to_cart_button.button.alt:hover {
background-color: #5e0505;
border-color: #6e0303;
}

.site-header-cart .widget_shopping_cart a.button:hover {
background-color: darkblue !important;
border-color: darkblue !important;
}

.button:hover {
background-color: darkblue !important;
border-color: darkblue !important;
}

.hentry .entry-content a.button:hover {
background-color: #8b0d0d !important;
border-color: #8b0d0d !important;
}

Un Saludo


 
Respondido : 23/05/2020 11:19 pm
Respuestas: 98
Trusted Member
Topic starter
 

@karen

Buenas tardes. funciona gracias. Se me ha ocurrido que ademas se podrian poner las letras azules en el cambio. luego revisare el resto de codigo para el resto de botones

image

 
Respondido : 24/05/2020 2:28 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Detalla un poco más a qué te refieres cuando dices:

" las letras azules en el cambio."

Saludos.


 
Respondido : 24/05/2020 2:49 pm
Respuestas: 98
Trusted Member
Topic starter
 

@jmarreros

Screenshot 20200524 172828

Las letras también cambien de color


 
Respondido : 24/05/2020 3:30 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Prueba con este código:

ul.products li.product a.button:active, ul.products li.product a.button:focus, ul.products li.product a.button:hover{
color:blue;
}

Reemplaza blue por el código de color que requieras.

Saludos.


 
Respondido : 24/05/2020 4:27 pm
Respuestas: 98
Trusted Member
Topic starter
 

@jmarreros

hola

En el ordenador funciona en todos los productos 👍 

En el movil solo funciona en algunos productos, en la mayoria no se experimentan cambios en las letras


 
Respondido : 25/05/2020 3:20 pm
Respuestas: 18646
Soporte CMS Webempresa
 

Hola Javier,

Prueba agregando el siguiente código CSS para dispositivos móviles

@media only screen and (max-width: 436px) {
ul.products li.product a.button:active, ul.products li.product a.button:focus, ul.products li.product a.button:hover{
color:blue !important;
}
}

Saludos

 


 
Respondido : 25/05/2020 3:43 pm
javier reaccionó