imagen duplicada en tema wordpress

Ando buscando una solución para un tema que usa tumbs de cierta dimensión pero la imagen que subo se duplica para cubrir el área del tumbs.....ver muestra... si me pueden ayudar a solucionarlo

http://www.balderarte.com/portafolio/wp-content/uploads/2009/12/imagen-copy.jpg

mil gracias de antemanos

Se duplica porque ubica la imágen como background vía css, y la anchura de la imagen no alcanza la anchura del div...

Puedes buscar el div y ponerle {background-repeat:none; } en el CSS

Necesito un poco de asistencia ya que encuentro los siguientes CSS:

• Hoja de estilos (style.css)
• ie6style.css (ie6style.css)
• ie8style.css (ie8style.css)
• iestyle.css (iestyle.css)
• panel.css (panel.css)
• style-Black.css (style-Black.css)
• style-Blue.css (style-Blue.css)


en la " style-Black.css " tengo los siguiente:


/*------------------------------------------------*/
/*------------------[THUMBNAILS]------------------*/
/*------------------------------------------------*/
.thumbnail-wrap { float: left; margin: 0px 18px 18px 0px; width: 151px; height: 151px; } .thumbnail-category { margin: 0px 14px 18px 0px; }
.thumbnail-div { float: left; padding: 5px 0px 0px 5px; width: 151px; height: 151px; background- image: url(images/thumbnail-bg-full.gif); }
.thumbnail-div .sections-overlay { background: url(images/thumbnail-overlay.png) no-repeat -40px -300px; width: 141px; height: 141px; margin-top: -33px; float: left;}
.thumbnail-shadow { width: 100%; float: left; height: 33px; }
.thumbnail-div .sections-overlay .zoom { margin: 60px 0px 0px 61px; }
.thumbnail-single .sections-overlay { width: 624px; height: 364px; }
.thumbnail-bottom { margin: 5px 0px 0px -5px; }
.thumbnail-single { border: 10px solid #313131; width: 624px; height: 364px; }
.blogthumbnail { border: 10px solid #313131; display: inline; float: left; margin-right: 15px; }

Donde tengo que hacer los cambios que me ha dicho?

Guineo, en éste theme especifico debes editarlo acá en /includes/featured.php:

<li style="background-image: url(<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&amp;h=364&amp;w=655&amp;zc=1&amp;q=60);">

Cambialo por:

<li style="background-repeat:no-repeat;background-position:left top;background-image: url(<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&amp;h=364&amp;w=655&amp;zc=1&amp;q=60);">

Elfleat.... gracias..... Excelente, para featured es correcto. Ahora necesito igual solución para los tumbs grandes, es decir aquellos que al seleccionar "leer mas" pasa a una pagina y la imagen ahora es un tumbs grande para ser selecciona y ver imagen completa...ver muestra:

http://www.balderarte.com/portafolio/wp-content/uploads/2009/12/ayuda.jpg

Ahora bien si esta solución en ambos caso pudiera mas bien redimensionarce, llenar el recuadro asignado, para mantener el estilo del tema.... Esa sería una gran ayuda por la que te estaría eternamente agradecido.

Sí se puede pero no te lo recomiendo, dañaría completamente la imágen si la redimensionas via html.

Este tema esta enfocado en las fotografias y si lo escogiste no creo que quieras sacrificar la calidad de las imagenes.

Asi que es decision tuya.

Para hacer que no se repitan, edita el archivo includes/single-photo.php

donde dice:

<div class="thumbnail-single" style="background-image: url(<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&amp;h=364&amp;w=624&amp;zc=1&amp;q=100);">


Reemplaza por:

<div class="thumbnail-single" style="background-repeat:no-repeat;background-position:left top; bacbackground-image: url(<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&amp;h=364&amp;w=624&amp;zc=1&amp;q=100);">

Si quieres que se vea expandida intenta con esto:

<div class="thumbnail-single">
<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&amp;h=364&amp;w=624&amp;zc=1&amp;q=100" height="364" width="624" />

Te cuento que escogí el tema porque como soy artista y quiero publicar las obras que hago y además tener un blog, lo que me pareció extraordinario la estética del tema y el pluging para visualizar la imagen, además la función del blog. Los formatos de mis obras son verticales y algunos horizontales y claro que este tema se luce mejor en horizontal, por eso fue que te consulte lo de expandir la imagen para que mantenga el mismo formato del diseño del tema.

En cuanto a los códigos resulta que cuando remplace el código original por el que me diste.....la imagen desaparece.....es decir queda oculta (no se ve).

y de la otra manera expandida si se ve pero estirada en lo horizontal y el la mascara para aumentar la imagen aparece desplazada hacia abajo

.....por cierto, FELIZ NAVIDAD,

Felíz Navidad!

Se me ha ocurrido algo,

Mejor acomodemos el theme para que encaje con las fotos verticales... Ya que como son menos las horizontales, podá verse completas al hacer clic sobre ellas.

Monta un screenshot de cómo se ve sin que se repita la imagen ni que se expanda.

aquí tienes la imagen con el reemplazo del código original por el que me diste....

http://www.balderarte.com/portafolio/wp-content/uploads/2009/12/ayuda2.jpg

Si el cambio se viera similar a la de egallery....de modo que las imágenes verticales y las horizontales no tengan problemas sería un gran éxito...
muestra: http://www.elegantthemes.com/preview/eGallery/2008/09/05/nulla-tincidunt-lorem-imperdiet-interdum-dolor/

Feliz año elfleat.....
Me gustaría saber si tu valiosa ayuda que hasta ahora me ha ido dando, aun la pudo seguir teniendo, es decir ayudarme a resolver ese problema de la imagen...
De antes manos un millón de gracia

Se que es tarde jaja pero tengo una solucion para la gente que entre despues.

No se css (apenas ayer vi tutoriales introductorios ni php pero despues de muchas muchas horas y miles de intentos en el archivo style.css escribi abajo de los codigos .entry y todo eso, escribi esto:

.single-thumb { display:none}


espero les sirva, por lo menos sirvio para mi template