Imágenes no se adaptan al fondo

[ramonjosegn]

Estoy usando un theme de Themeforest y las imágenes no se acoplan bien al navegador maximizado,
EN LAS CAPTURAS SE VE DE FORMA EVIDENTE QUE LA PLANTILLA CORTA LA IMAGEN

NO sé cómo corregir el CSS, he intentando tocar los porcentajes pero no sé porqué nada ocurre...

Acá dejo capturas para que se vea más claro y el DEMO para revisar el CSS

LA IMAGEN EN LA PLANTILLA


LA IMAGEN REAL SUBIDA

[ArturoGallegos]

No has mencionado que sea propiamente theme de wordpress pero aun así siendo un theme premium aplica esto
No se da soporte para themes ni plugins de pago

Entenderás que para poder ayudarte necesitamos conocer el theme, al ser premium no tenemos acceso a el y el que tu lo compartas infringe las políticas del foro.

Como recomendación, intenta utilizar firebug u otra herramienta para examinar el código que afecta dicha sección y/o contacta al desarrollador de dicho theme, has pagado por un producto y tienes derecho a recibir soporte en relación a este.

[pzin]

Iniciado por ramonjosegn

[...] y el DEMO para revisar el CSS

Pues sin CSS poco te van a ayudar.

[JustinKO]

De todos modos, sin ver código, está claro que es una cuestión de formatos.
Fíjate el formato de la imagen original y el formato del encuadre en el slider.
En el diseño, intentas meter una imagen con un formato más "cuadrado" digamos un formato 4:3, en un formato máss panorámico, digamos un formato 16:9.
Obviamente, para conseguir esto, o bien recortas la imagen por el alto (arriba y/o abajo) o bien la distorsionas (cosa horrible, por cierto)

¿Soluciones sin tocar el código?:
-buscar una imagen que tenga más fondo por arriba y por abajo, y la recortas con un formato más parecido al del slider (también puede recortarla el navegador, pero así te ahorra tamaño).
- o a esa misma imagen le das fondo por los lados (para tu diseño creo que negro lo mejor) dándole ese formato panorámico, y así, cuando el formato de la ventana sea más ancho se verá ese negro, sin embargo, en la mayoría de formatos de ventana (menos panorámicos) no llegará ni aparecer ese negro, y será el que se te recorte, no como ahora las cabezas.

Saludos y espero que te sirva.Creo que es la mejor solución.

Bueno, también puedes darle ese formato más panorámico recortando tú la foto más de los pies.

aunqeu sigues teniendo poco fondo de la cabeza

[ramonjosegn]

Iniciado por ArturoGallegos

No has mencionado que sea propiamente theme de wordpress pero aun así siendo un theme premium aplica esto
No se da soporte para themes ni plugins de pago

Entenderás que para poder ayudarte necesitamos conocer el theme, al ser premium no tenemos acceso a el y el que tu lo compartas infringe las políticas del foro.

Como recomendación, intenta utilizar firebug u otra herramienta para examinar el código que afecta dicha sección y/o contacta al desarrollador de dicho theme, has pagado por un producto y tienes derecho a recibir soporte en relación a este.

Llevo 7 días esperando soporte, acá esta el link con la consulta
http://themeforest.net/item/dk-for-p...omment_5514866

Como ves el único soporte son excusas por parte del autor, así que por lo visto, así sea de pago, no hay dercho a preguntar, y Themeforest no admite reclamaciones si el theme no suelta un "error grave" en pantalla...

[ramonjosegn]

Iniciado por JustinKO

De todos modos, sin ver código, está claro que es una cuestión de formatos.

Gracias por la ayuda, ya intenté todo eso y siempre se recorta, revisando el CSS puedo ver que tiene un top 0, puedo ponerlo a -80 (ya que con 0 se sale de pantalla), pero entonces la imagen se baja y queda recortada por abajo... en fin, seguiré esperando otro mes por el soporte oficial ...

[ArturoGallegos]

Lamentablemente así es con los temas premium, algunas veces tienen buen soporte otras es pésimo como en tu caso...

Realmente veo el sitio demo y tus imágenes.... y no percibo ningún error, mas bien es una incidencia no contemplada con imágenes como las que tu quieres mostrar... y el hecho de que tu no pusiste atención previamente a como funcionaba el tema.
Si revisas las imágenes actuales del sitio demo, podrás ver el mismo efecto que ves en tu sitio/imagen .... tu lo ves como un error, el autor del tema no lo ve así y yo tampoco.

Te tocara reescribir parte del código... a simple vista yo diría que es CSS... pero como te dije antes "No se da soporte a themes ni plugins de pago"
Aunque no dudo encuentres alguien que te ayude.

[pzin]

El tamaño de la imagen y su posición es controlado por JavaScript, así que muevo el tema para ese foro.

De todas formas tendrás que aportar el código JavaScript que se ocupe de hacer eso, sino estarás a expensas de algún alma caritativa que busque eso.

Por otro lado, tampoco dices cómo quieres que se comporte esa imagen. Si desactivas JavaScript, tal vez el resultado no te guste ya que la imagen dejará de ocupar todo el espacio y se verán huecos aquí y allá.

[JustinKO]

Yo solo digo, que hagas lo que hagas con el código, esa foto es IMPOSIBLE meterla donde quieres, sin ser recortada o distorsionada.

SI compruebas en Photoshop, te ha encajado el ancho justo a los bordes, obviamente te tiene que recortar las cabezas y/o los pies.

Lo único que podrías hacer con el código es que te la distorsionara o controlar que no te corte de la cabeza (poniéndotela en top 0 ó -80 como dices) y que solo te corte por los pies.

Pero si tú la foto la recortas en photoshop (a tu gusto, con las cabezas enteras y recortando los pies) y le das un formato mucho más panorámico, conseguirás que no te la recorte de alto, siempre que no te pases de ese formato que has hecho. Luego cuando achiques de ancho te recortará de éste, como es lógico. Y si sigues achicando llegará un momento que te corte los cuerpos por el ancho.

Eso sí, de lospies tendrás que cortarla Sí o sí, si no quieres distorsionarla

Lo que te digo es matemática pura, si dices que lo has intentado y que no te vale, es que no lo has entendido.
Es el pan nuestro de cada día en diseño, tener que encuadrar el formato de las imágenes para las necesidades del diseño


P.D, también puedes darle márgenes negros o por arriba o por los lados