Avisos
Vaciar todo

Cambiar presentación de los productos destacados Virtuemart en plantilla Helena  

 
Cristian
 Cristian
Reputable Member

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

Citar
Respondido : 25/08/2014 9:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 26/08/2014 1:07 am

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

Cristian
 Cristian
Reputable Member

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

ResponderCitar
Respondido : 26/08/2014 10:22 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 27/08/2014 12:55 am

Cursos Gratuitos WordPress

Cristian
 Cristian
Reputable Member

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

ResponderCitar
Respondido : 27/08/2014 2:09 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Parece que el important esta mal, prueba con:

.category-view .row .category .spacer h2 a img:hover {
    opacity: 0.0 !important;
}
ResponderCitar
Respondido : 27/08/2014 2:18 am

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

Cristian
 Cristian
Reputable Member

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 !!!

ResponderCitar
Respondido : 27/08/2014 6:41 pm