HTML - Ayuda! error con imagenes

Tengo un sitio en Wordpress de un directorio empresarial, y cuando estoy en el inicio y hago búsquedas, las imágenes no logran adaptarse a los cuadros que las contienen, no sé porque debe ser algun problema con el CSS pero no logro solucionarlo. Adjunto fotos:

https://i.imgur.com/uNVY9jT.png
https://i.imgur.com/FjSRuzY.png

Pablo,
De hecho, se adapta perfectamente.
El asunto es que estas añadiendo imágenes con dimensiones un poco "inapropiadas".
Los thumbs generados son mas anchos que altos, por lo cual,
deberías reconsiderar las dimensiones al momento de la elección de tu foto.

Imagino que en el estilo del tema, podrías añadir este código, pero verás,
el tema pasa por la miniatura que genera WP.


Saludos!

Hola, muchas gracias por tu respuesta. Entiendo que claramente las imágenes tienen dimensiones que no deben ser, pero debo hallar una forma para que se adapte COMO SEA. No me importa si se deforma la imagen o si le aparecen bordes a los lados o arriba y abajo para que se adapte, pero necesito que urgentemente se adapte.

Gracias! Necesito ayuda urgente

Pablo,
Te recomiendo siempre aprender a usar al menos, lo básico del front-end de todo sistema.
En WP, desde el panel Librería de media puedes modificar la dimensión, incluso cropear la imagen,
así cuadre perfecto como miniatura dentro de los posts.



Saludos!

Pero hay alguna manera de hacerlo sin necesidad de recortar o editar una imagen? Es decir yo un cliente suba una imagen y simplemente se adapte, no tener que decirle que la suba de tal tamaño.

Saludos ante todo, veamos este código para recibir imágenes y que se amolden al contenedor..

espero sea lo que buscas.
Y para personalizar tus paginas en wordpress utilizando código html, y css3, hay un articulo reciente de julio, 2017 http://aulacm.com/codigos-web-css-y-html-wordpress/

Hola! Gracias por la respuesta, pero tengo una duda.

Conoci a una persona que tenia el mismo problema que yo, y lo que hizo fue que no puso las imagenes en todo el slider o toda la caja, sino que encajo la imagen y dejo fondos negros donde habia espacios.

Adjunto imagen porfavor necesito ayuda-

https://i.imgur.com/1YBV5Yq.jpg

En la imagen, apesar de que es una imagen con mas alto que ancho, y el slider tiene mas ancho que alto, la imagen encajo perfectamente pero no se como hacerlo porfavor ayuda.

Muchas gracias de antemano.

http://es.ccm.net/faq/7315-evitar-las-franjas-negras-al-redimensionar-una-imagen, en esta pagina dan un script de como solucionarlo, el problema es que quieres que sea automatico, y no estar viendo cada caso en especial. De otra forma yo le daría altos y anchos mayores del 100%, centrandola en el contenedor, y con overflow en hidden, ocultando los excesos, en este caso la parte de la franja negra. La centras poniendo el top y el left, en negativo hasta evitar las franjas negras. Igual pasa con los videos. Ahora en los móviles, tabletas cambias de portrait a landscape, girando el aparato y listo....

Para este ultimo tema la etiqueta picture, de html5, puedes detectar las características de la foto...y tomar acción para desplegarla correctamente. Aquí esta un link.. https://webdesign.tutsplus.com/es/tutorials/quick-tip-how-to-use-html5-picture-for-responsive-images--cms-21015

, trabaja perfectamente usando un contenedor de 45% y 65%, o cualquiera otras dimensiones hice la prueba para ver!!!!..

Hola! Ya lo solucioné, contraté a un freelancer. Lo que él hizo fue crear una función en los archivos PHP de Wordpress y luego incluir código CSS para adaptar las imágenes.