Imágenes - Tamaño, bordes y márgenes

Hola Cecilia,

trata de añadir a tu hoja de estilos las siguientes reglas CSS:

.items-row .item div.img_caption{
margin: 15px !important;
}
.items-row .item div.img_caption img.caption{
padding: 2px !important;
border: 1px solid #ccc !important;
}

Para añadir estas reglas CSS, tienes que copiar estos códigos al final del fichero:

/templates/ja_teline_iv/css/template.css

Recuerda hacer una copia del fichero antes de editarlo, por si tuvieras que volver a la versión anterior del mismo. Además, antes de probar los resultados después de hacer los cambios, limpia la caché de tu navegador para poder visualizar los nuevos estilos correctamente.

Espero que te sirva.

Saludos,
Rafa Noguera

Hola Rafa,

no hubo cambio.
Las imágenes siguen "pegadas" al texto, sin borde y con el mismo tamaño.

Saludos

Hola Cecilia,

no veo las reglas CSS al final de la hoja de estilos:

http://laprensa-cp77.webjoomla.es/templates/ja_teline_iv/css/template.css

Por favor, asegúrate de haber pegado correctamente las reglas en este fichero.

Saludos,
Rafa Noguera

Hola Rafa,

Pero en ese link que nos pasas lo estamos viendo !! :huh:

Adjuntamos imagen de nuestra vista

Hola Cecilia,

Yo veo las imágenes separadas del texto y todas iguales en tamaño ¿has refrescado la caché de tu navegador?.

Saludos

Cecilia,

refresca la caché de la plantilla de Jomlaart, y vuelve a comprobar si se han aplicado los cambios.
Te adjunto una captura con el botón que refresca esta cache.

Espero que te sirva.

Saludos,
Rafa Noguera

Hola,

El adjunto que enviamos al comienzo está exactamente igual

http://www.laprensafederal.com.ar/index.php?option=com_content&view=category&layout=blog&id=80&Itemid=862

Saludos

Hola Cecilia,

Verifica dentro de los artículos si mediante el editor de texto le estas brindando espacio a la imagen, esto seria la opción mas sencilla en este tipo de casos.

Saludos.

Hola Johnny,

Los operadores que suben la información no siempre cuidan los detalles de margenes y otros, de modo que pensamos que lo mejor es que, más allá de la forma en que se suba, el sitio asegure una estética homogenea.

En ese sentido lo mejor es configurar esa plantilla.

Saludos.

Hola Cecilia,

Para que funcione el código que te envió Rafa, tienes que asegurarte de que en el código de la imagen tenga la clase caption como por ejemplo:

Saludos.

Hola Johnny,

:huh: Chino básico !!!

No entendimos nada de la caption de la imagen !!!
Saludos

Hola Cecilia,

Al momento de insertar la imagen tienes que definir la clase caption, puedes utilizar el editor de texto JCE y en el parámetro avanzado simplemente ingresar la frase caption tal como te adjunto en captura:

De esta manera se va a introducir en el código la clase:

class="caption"

Saludos.

Hola,

El hacer la acción cada vez que se sube la imagen no es lo que buscamos.

La opción que nos comentan es para un caso en particular.
En este caso es para TODO el sitio de modo que cada imagen (uno por artículo) que se suba habría que aplicarle manualmente el caption.

Por eso insistimos en adecuar los parámetros desde la plantilla .

Saludos

Hola,
prueba añadir también:

.item img{
padding: 2px !important;
border: 1px solid #ccc !important;
}

Saludos,