css para modulo en ...
 
Avisos
Vaciar todo

css para modulo en la version responsive

18 Respuestas
3 Usuarios
0 Reactions
695 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
 

me podeis corregir este css para responsive, las letras se comen la lista, lo querria mas abajo.

GRACIAS

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 20/06/2017 4:14 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla
Hola

Puedes agregar este código CSS que corrige el margen negativo que tiene el título del módulo por defecto:

@media ( max-width:768px){
  .mod_titulo3{
  	margin-top:0;
  }
}

Agrega este código al final del archivo:
/templates/zo2_logistic/assets/zo2/css/custom.css

Saludos.


 
Respondido : 20/06/2017 6:22 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Muchas gracias.

Y para centrar estos cuadros?

el primero sale recto los demas salen a la derecha.

es en la home (tienes que bajar hasta blog)


 
Respondido : 20/06/2017 7:06 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Envía la url exacta de tu última captura de pantalla para ver exactamente a qué te refieres.

Saludos.


 
Respondido : 20/06/2017 7:26 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

claro que si,

Contenido solo visible a usuarios registrados


 
Respondido : 20/06/2017 8:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Esto posiblemente sucede porque el primer artículo esta marcado como featured o destacado, preuba cambiar esto y verifica ya que al ser un artículo destacado tiene un estilo diferente.

Saludos.


 
Respondido : 20/06/2017 9:38 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Los 3 articulos de la home están marcados como featured o destacado. Yo creo que es problema del css.


 
Respondido : 21/06/2017 8:58 am
Pepe
 Pepe
Respuestas: 41132
Illustrious Member Admin
 

Hola Javier.

Prueba añadiendo lo siguiente a tu archivo custom:

@media (max-width: 480px) {

#zo2-component {
    padding-left: 0;
    padding-right: 25px;
}

}

Un saludo


 
Respondido : 21/06/2017 10:26 am
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Nada no veo mejora.


 
Respondido : 21/06/2017 11:48 am
Pepe
 Pepe
Respuestas: 41132
Illustrious Member Admin
 

Hola Javier.

No veo el código en el archivo custom.
Una vez añadido este es el resultado:

Prueba añadirla la etiqueta important:

@media (max-width: 480px) {
 #zo2-component {
    padding-left: 0;
    padding-right: 25px !important;
}
}

Un saludo


 
Respondido : 21/06/2017 2:54 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Perdona pero si lo tengo puesto en el custom.css

Quiero que se quede como la imagen que te adjunto ahora

Donde esta el cuadrado rojo quiero un espacio blanco y lo demas centrado en la linea como indicado.

GRACIAS


 
Respondido : 21/06/2017 3:23 pm
Pepe
 Pepe
Respuestas: 41132
Illustrious Member Admin
 

Hola Javier.

Le pedí a un compañero de hosting que añadiera el código con la etiqueta important y lo estoy comprobando con este resultado:

Si no se muestra bien revisa en otro terminal o limpia la cache del navegador.

Viendo un poco mas lo que nos comentas veo que esas imagen no son imágenes destacadas si no que son imágenes incluidas en el cuerpo de la noticia. Si quieres que se vea bien esas imágenes tienen que estar como destacadas igual que tienes en la primera noticia que aparece.

Un saludo


 
Respondido : 21/06/2017 5:04 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Hola!

Como ya te he comentado anteriormente, las 3 imagenes son imagenes destacadas dentro de noticias destacadas...


 
Respondido : 21/06/2017 5:13 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con el siguiente código CSS:

@media (max-width: 480px) {
	.blog-featured > div{
		margin-rigth:0!important;
	}	
}

puedes ponerlo al final del archivo:
/templates/zo2_logistic/assets/zo2/css/custom.css

Saludos.


 
Respondido : 21/06/2017 9:22 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Hola!

He probado y no funciona. 🙁


 
Respondido : 22/06/2017 10:42 am
Página 1 / 2