Ayuda con ajuste de imagen en tema de Wordpress

MelvinJay · 22 Feb 2013

Hola, pues verán amigos, estoy trabajando con un tema y me he quedado estancado en un punto (vean la imagen de abajo, ahi les explico lo que quiero hacer)

Como indico en la imagen amigos, quiero que esa imagen se ajuste bien al cuadro blanco que les indico. Podrian ayudarme.

El tema que uso es este: Enlace eliminado
Y así quiero que se vea.

Podría alguien ayudarme. He pasado mas de un mes tratando y no he podido amigos..

Seliyu · 22 Feb 2013

En los estilos CSS debes buscar esto

Insertar CODE, HTML o PHP:

.post-thumb img {

y asegurarte que el padding esta a 4 px es decir

Insertar CODE, HTML o PHP:

padding: 4px;

De todas formas, si posteas la pagina donde tienes el problema te podremos ayudar más facilmente.
Saludos!!!

MelvinJay · 22 Feb 2013

Seliyu dijo:
En los estilos CSS debes buscar esto

Insertar CODE, HTML o PHP:

.post-thumb img {

y asegurarte que el padding esta a 4 px es decir

Insertar CODE, HTML o PHP:

padding: 4px;

De todas formas, si posteas la pagina donde tienes el problema te podremos ayudar más facilmente.
Saludos!!!

La pagina es esta amigo: EraTecnologica apenas la estoy montando. Y pues me fui a la direccion que me diste y tenia esto: padding: 49px; y le puse esto: padding: 4px; a como me indicaste. ahora voy a probar si se ajusta bien la imagen. me trae loco jeje

---------- Post agregado en la hora: 09:23 ---------- Anterior post agregado en la hora: 09:17 ----------

Seliyu dijo:
En los estilos CSS debes buscar esto

Insertar CODE, HTML o PHP:

.post-thumb img {

y asegurarte que el padding esta a 4 px es decir

Insertar CODE, HTML o PHP:

padding: 4px;

De todas formas, si posteas la pagina donde tienes el problema te podremos ayudar más facilmente.
Saludos!!!

Amigo hice lo que me dijiste, pero no es lo que quiero. Lo que quiero es que la imagen se vea mas grande, que se ajuste al cuadro que señalo. Al hacer lo que me dijiste mas bien el cuadro se hizo pequeño ajustándose al tamaño de la imagen. Lo que busco es lo contrario. Ajustar la imagen al tamaño del cuadro.

Seliyu · 22 Feb 2013

Prueba con esto.....

Insertar CODE, HTML o PHP:

.post-thumb img {
width: 240px;
height: 240px;
background: white;
padding: 4px;
border: 3px solid hsl(0, 0%, 90%);
}

Pero siempre haz una copia antes de guardar cambios para poder volver a un estado anterior. Saludos!!!

Edito....
De todas formas estas utilizando una imagen pequeña, y ese puede ser el problema de todo, porque al hacerla grande pierde calidad, deberías probar a poner una imagen más grande de resolución al menos de 240px x 240px...

MelvinJay · 22 Feb 2013

Seliyu dijo:
Prueba con esto.....

Insertar CODE, HTML o PHP:

.post-thumb img { width: 240px; height: 240px; background: white; padding: 4px; border: 3px solid hsl(0, 0%, 90%); }

Pero siempre haz una copia antes de guardar cambios para poder volver a un estado anterior. Saludos!!!

Edito....
De todas formas estas utilizando una imagen pequeña, y ese puede ser el problema de todo, porque al hacerla grande pierde calidad, deberías probar a poner una imagen más grande de resolución al menos de 240px x 240px...

colega en efecto se agrandaron las imagenes, pero no se logro ajustar los lados y la imagen se ve algo borroso.

Seliyu · 22 Feb 2013

MelvinJay dijo:
colega en efecto se agrandaron las imagenes, pero no se logro ajustar los lados y la imagen se ve algo borroso.

A ver, realmente esas imágenes las pondrás como imagen destacada en el post, y por esa razón aparecen ahí. Esa imagen destacada que pones en el post debe tener al menos un tamaño de 240px por 240px, para que se vea con buena definición. Espero que te sirva de ayuda....

MelvinJay · 22 Feb 2013

Seliyu dijo:
A ver, realmente esas imágenes las pondrás como imagen destacada en el post, y por esa razón aparecen ahí. Esa imagen destacada que pones en el post debe tener al menos un tamaño de 240px por 240px, para que se vea con buena definición. Espero que te sirva de ayuda....

Bueno hice lo que me indicas colega y siguen viéndose borrosas las imagenes. Pero vamos avanzando. Gracias por tu ayuda.. Ahora solo falta lograr que se vean bien.

ufowebs · 22 Feb 2013

Las imágenes las ves borrosas seguramente porque si su calidad es baja de por si , si las agrandas se verán peor al pixelarse , este tipo de imágenes son renderizadas utilizando la libreria GD de php y si cambias el size, o utilizas por otro lado un aumento de tamaño sin renderizar , tanto en un sentido como en otro pueden darte esos problemas

Para ajustar la imagen al contenedor , has de disponer el tamaño de la imagen como el del contenedor , recordarte que muchas veces has de insertar la propiedad de CSS display:block para que se ajuste totalmente en la parte inferior y eliminar el padding que establece la diferencia de espacio entre cada parte de la imagen y el contenedor

Saludos

MelvinJay · 22 Feb 2013

ufowebs dijo:
Las imágenes las ves borrosas seguramente porque si su calidad es baja de por si , si las agrandas se verán peor al pixelarse , este tipo de imágenes son renderizadas utilizando la libreria GD de php y si cambias el size, o utilizas por otro lado un aumento de tamaño sin renderizar , tanto en un sentido como en otro pueden darte esos problemas

Para ajustar la imagen al contenedor , has de disponer el tamaño de la imagen como el del contenedor , recordarte que muchas veces has de insertar la propiedad de CSS display:block para que se ajuste totalmente en la parte inferior y eliminar el padding que establece la diferencia de espacio entre cada parte de la imagen y el contenedor

Saludos

no te entendí muy bien amigo.. te deje MP.......

Ayuda con ajuste de imagen en tema de Wordpress

MelvinJay

Seliyu

MelvinJay

Seliyu

MelvinJay

Seliyu

MelvinJay

ufowebs

MelvinJay

Temas similares