Avisos
Vaciar todo

Texto descontrolado en K2  

 
Alberto
 Alberto
Estimable Member

Hola, he insertado algunos campos extra en los artículos, y cual mi sorpresa que cuando relleno los campos y veo el resultado queda mal... adjunto una imagen...

Si los datos que pones son poca cantidad queda bien, pero si insertas una frase larga como por ejemplo... "Coloreado, pintado cromo mate, pintado níquel mate. " se hacen en 2 líneas y la segunda línea empieza muy a la izquierda.

ya me direís si se puede hacer algo al respecto, saludos !

este es el link

Citar
Respondido : 06/11/2011 10:31 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Alberto,

Lo que quieres hacer se llama "sangria francesa" y hay formas de hacerla aunque depende de muchos factores de tamaños de fuentes, tipografia usada, y medidas heredadas del contenedor (margin, padding, etc.).

Entiendo que lo propio seria crear una subclase sobre la clase "catItemExtraFieldsValue" que cargue un estilo del tipo:

.tuclase #catItemExtraFieldsValue {
	text-indent: 10px;
}

Lo que ya no tengo muy claro es como se comportará este estilo en navegadores como Internet Explorer, consultaremos a Jhon a ver si el nos puede ilustrar un poco más.

Saludos

ResponderCitar
Respondido : 06/11/2011 7:10 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alberto

Ubica el archivo /components/com_k2/css/k2.css , en la línea 432 aproximadamente , ubica la clase que esta a continuación y llena los estilos , display y margin-left

div.catItemExtraFields ul li span.catItemExtraFieldsValue{
 display : block;
 margin-left : 100px;
}

Saludos.

ResponderCitar
Respondido : 06/11/2011 11:38 pm
Alberto
 Alberto
Estimable Member

Hola Jhon, acabo de realizar los cambios y ya sale el texto cuadrado 😉

gracias !!

ResponderCitar
Respondido : 07/11/2011 6:39 am

Cursos Gratuitos WordPress

Alberto
 Alberto
Estimable Member

Existe alguna posibilidad de poder darle un tamaño al lugar que ocupa la imagen ?

te explico... si miras este enlace algunas lineas bajan más que otras, esto es por el tamaño de la imagen, si todas las imágenes son iguales no hay problema, pero cuando son tamaños diferentes veo que dará algún problema estético...

ya me comentarás !

saludos !

ResponderCitar
Respondido : 07/11/2011 12:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alberto

Lo recomendable es que tengas el mismo tamaño de imagen, al menos en altura, pero si esto no es posible puedes cambiar la altura del contenedor por una altura máxima, por ejemplo, edita el archivo:

components/com_k2/css/k2.css

div.catItemImageBlock{
/*otro código*/
height : 230px;
}

Saludos

ResponderCitar
Respondido : 08/11/2011 12:25 am

Alberto
 Alberto
Estimable Member

Mejor lo dejo como está y subo las imágenes iguales...

ResponderCitar
Respondido : 08/11/2011 3:00 pm