modificar pagina frontal virtuemart  

 
Jose
 Jose
Estimable Member

Buenas,

A ver si me podeis decir dónde puedo cambiar css de la pagina frontal de virtuemart en la plantilla Mimas. No quiero que aparezca el nombre de las categorías sobre la imagen de cada categoría, ya qu en dispositivos móviles da problemas.
adjunto imagen

Muchas gracias, un saludo,

Jose

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 11/02/2015 2:46 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Veo que actualmente no estás mostrando los nombres de las categorías usando un opacity: 0.

Para cargar los títulos debajo de las imágenes podrías agregar el siguiente estilo CSS:

.category-view .row .category .spacer h2 a span {
position: relative !important;
bottom: 0 !important;
}

En el siguiente artículo de nuestro blog se explica cómo añadir estos CSS personalizados:

https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

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

ResponderCitar
Respondido : 11/02/2015 3:30 pm

Cursos Gratuitos WordPress

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Veo que actualmente no estás mostrando los nombres de las categorías usando un opacity: 0.

Para cargar los títulos debajo de las imágenes podrías agregar el siguiente estilo CSS:

.category-view .row .category .spacer h2 a span {
position: relative !important;
bottom: 0 !important;
}

En el siguiente artículo de nuestro blog se explica cómo añadir estos CSS personalizados:

https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

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

ResponderCitar
Respondido : 11/02/2015 3:30 pm
Jose
 Jose
Estimable Member

Gracias, Pablo

He hecho la prueba, pero el problema es que el nombre de la categoría no se comporta de forma responsive al ver la web en móvil... por que si no me sugieres otra cosa, creo que lo mejor es que no aparezca el nombre de las categorías. La solución de utilizar un opacity: 0 ha sido a modo de prueba pero tampoco me vale porque aunque no se vea, sigue estando ahí y me descuadra las imágenes de categorías en dispositivos móviles....

adjunto imagen

Alguna sugerencia para que se vea correctamente de manera responsive??

Muchas gracias por tu ayuda,

Un saludo!

ResponderCitar
Respondido : 11/02/2015 6:24 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si no quieres que se vean los textos simplemente agrega

category-view .row .category .spacer h2 a span {
display:none;
}

Sin embargo aún tendrás el problema de que dos imagenes aparecen arriba y una abajo, no se si es esto a lo que te refieres

Saludos.

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

ResponderCitar
Respondido : 11/02/2015 8:29 pm
Jose
 Jose
Estimable Member

Hola, Jhon

Gracias, ya lo he añadido para que no se vean los textos. Sabes cómo puedo solucionar el problema de las imágenes? Qué tengo que hacer para que salgan en 2 columnas?

Muchas gracias, un saludo,

Jose

ResponderCitar
Respondido : 11/02/2015 9:26 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No podrás mostrar siempre dos columnas, la razon es por la estructura , hay un contenedor con la clase row que agrupa a productos de 3 en 3

Lo mejor que se puede hacer es que a una determinada resolución se muestre una sola columna, ubica el siguiente archivo :

/templates/mimas/css/mimas-custom.css

Al final agrega el siguiente código :

@media (max-width:769px){
	.category-view .row .category{
		width:100%!important;
	}
}

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos.

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

ResponderCitar
Respondido : 11/02/2015 10:16 pm
Jose
 Jose
Estimable Member

Buenos días

Arreglado, muchas gracias, un saludo

ResponderCitar
Respondido : 07/03/2015 1:51 pm

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

Por favor Iniciar Sesión o Registro