Avisos
Vaciar todo
VirtueMart 2.0
7
Respuestas
4
Usuarios
0
Reactions
1,218
Visitas
Topic starter
Hola, en la plantilla Helena viene integrado el componente Virtuemart, en el home viene una sección para poner productos destacados, la visualización entre cada producto trae un punto para dividirlos entre sí, la consulta es que quiero quitar ese punto.
En las opciones del módulo, en diseño de vista vienen 2 tipos : Basado en Div (que hace un efecto que el cliente no le gusta ) y Lista Basada en UL Li (La que está actualmente). Cualquiera de las 2 tienen efectos que no le gusta al cliente con el Div la imagen cuando hago Hover se poner borrosa (eso no le gusta al cliente) y con la lista Ul Li el punto que divide las imágenes no le gusta.
Espero que me puedan ayudar
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 25/08/2014 8:53 pm
Hola Cristian
Para quitar el punto puedes hacerlo por CSS, agrega el siguiente código al archivo .css de personalización
ul.productdetails{
list-style:none;
}
Para hacer un archivo .css personalizado para tu plantilla con gantry revisa :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Saludos.
Respondido : 26/08/2014 12:07 am
Topic starter
Gracias, me funcionó perfectamente. ya no están los puntos.
Ultima consulta, en tienda Cuando se muestran las categorías viene un efecto que hace que la imagen se vea borrosa, eso es similar como lo de los puntos. lo que quiero es eliminar es efecto borroso
Contenido solo visible a usuarios registrados
Respondido : 26/08/2014 9:22 pm
Hola
En el mismo archivo CSS que modificaste lo de los puntos, debes añadir:
.category-view .row .category .spacer h2 a img:hover {
opacity: 0.0 important!;
}
Saludos
Respondido : 26/08/2014 11:55 pm
Topic starter
Gracias por la ayuda, la última respuesta no me ha funcionado.
Tal vez ese codigo va en otro Css ?
Gracias !!
Contenido solo visible a usuarios registrados
Respondido : 27/08/2014 1:09 am
Hola,
Parece que el important esta mal, prueba con:
.category-view .row .category .spacer h2 a img:hover {
opacity: 0.0 !important;
}
Respondido : 27/08/2014 1:18 am
Topic starter
Gracias por la ayuda el código me ha servido con la correccion del important pero con opacity mayor a 1.0
.category-view .row .category .spacer h2 a img:hover {
opacity: 1.2 !important;
}
Listo, Saludes !!!
Respondido : 27/08/2014 5:41 pm
