mas botones  

 
javier
 javier
Usuario experto

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

Link a post de foro, solo visible a usuarios registrados

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

Citar
Respondido : 23/05/2020 1:18 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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

This post was modified hace 2 meses por Bulmaro

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 23/05/2020 7:33 am

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

javier
 javier
Usuario experto

Link a post de foro, solo visible a usuarios registrados

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

ResponderCitar
Respondido : 23/05/2020 3:43 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/05/2020 6:15 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

javier
 javier
Usuario experto

Link a post de foro, solo visible a usuarios registrados

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?

Link a post de foro, solo visible a usuarios registrados

Link a post de foro, solo visible a usuarios registrados

Link a post de foro, solo visible a usuarios registrados

Link a post de foro, solo visible a usuarios registrados

Link a post de foro, solo visible a usuarios registrados

el ultimo

Link a post de foro, solo visible a usuarios registrados

ResponderCitar
Respondido : 23/05/2020 10:14 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Javier,

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

Link a post de foro, solo visible a usuarios registrados

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

ResponderCitar
Respondido : 24/05/2020 12:19 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

javier
 javier
Usuario experto

Link a post de foro, solo visible a usuarios registrados

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

Link a post de foro, solo visible a usuarios registrados

ResponderCitar
Respondido : 24/05/2020 3:28 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

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

" las letras azules en el cambio."

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/05/2020 3:49 pm

Cursos Gratuitos WordPress

javier
 javier
Usuario experto

Link a post de foro, solo visible a usuarios registrados

Link a post de foro, solo visible a usuarios registrados

Las letras también cambien de color

ResponderCitar
Respondido : 24/05/2020 4:30 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/05/2020 5:27 pm

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

javier
 javier
Usuario experto

Link a post de foro, solo visible a usuarios registrados

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

ResponderCitar
Respondido : 25/05/2020 4:20 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

 

ResponderCitar
Respondido : 25/05/2020 4:43 pm
javier me gusta

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro