Avisos
Vaciar todo

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

Página 1 / 2
 
Cecilia
 Cecilia
Honorable Member

Hola,

Necesitamos que el tamaño de las imágenes sea mayor, que tengan un borde y conserven distancia del texto.

Adjuntamos imagen de ejemplo.

Saludos

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/08/2013 5:10 pm
Rafa Noguera
 Rafa Noguera
Miembro Admin

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

ResponderCitar
Respondido : 01/08/2013 6:21 pm

Cecilia
 Cecilia
Honorable Member

Hola Rafa,

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

Saludos

ResponderCitar
Respondido : 01/08/2013 6:30 pm
Rafa Noguera
 Rafa Noguera
Miembro Admin

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

ResponderCitar
Respondido : 01/08/2013 6:45 pm

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

Cecilia
 Cecilia
Honorable Member

Hola Rafa,

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

Adjuntamos imagen de nuestra vista

ResponderCitar
Respondido : 01/08/2013 7:14 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Cecilia,

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

Saludos

ResponderCitar
Respondido : 01/08/2013 8:45 pm

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

Rafa Noguera
 Rafa Noguera
Miembro Admin

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

ResponderCitar
Respondido : 01/08/2013 11:40 pm
Cecilia
 Cecilia
Honorable Member

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

ResponderCitar
Respondido : 02/08/2013 2:20 am

Cursos Gratuitos WordPress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 02/08/2013 2:32 am
Cecilia
 Cecilia
Honorable Member

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.

ResponderCitar
Respondido : 02/08/2013 3:08 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

Esta publicación ha sido modificada el hace 4 años por antonio
ResponderCitar
Respondido : 02/08/2013 3:38 am
Cecilia
 Cecilia
Honorable Member

Hola Johnny,

:huh: Chino básico !!!

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

ResponderCitar
Respondido : 02/08/2013 3:45 am

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 02/08/2013 5:02 am
Cecilia
 Cecilia
Honorable Member

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

ResponderCitar
Respondido : 02/08/2013 2:11 pm

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

Webactualizable.com
 Webactualizable.com
Usuario experto

Hola,
prueba añadir también:

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

Saludos,

ResponderCitar
Respondido : 02/08/2013 2:44 pm
Página 1 / 2