Avisos
Vaciar todo

[Resuelto] agregar movimiento al pasar el mouse  

 
Fabiana
 Fabiana
Noble Member

hola como puedo hacer por codigo para cuando selecciono un producto con el mouse tenga movimiento como aqui

https://brickelltools.com/productos/

 

y el color cambiarlo por #e3ac36

Contenido solo visible a usuarios registrados

Respondido : 01/07/2022 12:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

Prueba si el siguiente código CSS:

.j2store-products-row .j2store-single-product:hover {
transform: scale(1.1);
transition: 1s;
}

Sobre el cambio del color donde deseas mostrarlo?, si es posible indícanos donde deseas que se vean al pasar el puntero sobre el producto de esta forma podemos revisarlo con mayor detalle. 

Un Saludo 

Respondido : 01/07/2022 12:25 pm

Fabiana
 Fabiana
Noble Member

sobre el producto seria genail

Respondido : 01/07/2022 12:49 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

No veo una opción de colocarlo sobre el producto, la única opción que veo es la siguiente:

image

Para ello tendrías que añadir el color en el código anterior, por ejemplo

.j2store-products-row .j2store-single-product:hover {
transform: scale(1.1);
transition: 1s;
background: #e3ac36;
}

De igual si deseas ver que otros estilos se pueden aplicar a los elementos puedes echarle un vistazo al curso de CSS gratuito que tenemos disponible -> https://www.webempresa.com/university/curso-css-wordpress/

Un Saludo 

Respondido : 01/07/2022 1:07 pm

Cursos Gratuitos WordPress

Fabiana
 Fabiana
Noble Member

genial gracias

Respondido : 01/07/2022 1:26 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabiana, 

Gracias a ti, es un placer poder ayudarte

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 01/07/2022 1:38 pm

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