Duda con espacio en imagen y texto

[el_tigre]

Amigos estoy usando el tema: Foghorn y quisiera modificar el espacio entre la imagen y el texto, he dado duro golpes al aire y no logro encontrar el bendito código que me permita hacer eso...


image host

tengo dos hojas de CSS

Hoja de estilos
(style.css)

Hoja de estilos del editor visual
(editor-style.css)

Este código corresponde al primero

Código PHP:

  /* =Images
----------------------------------------------- */
 
img.size-auto,
img.size-large,
img.size-full,
img.size-medium,
img.size-thumbnail {
    height: auto;
    max-width: 100%;
}
.post-thumbnail {
    width:40%;
    margin:10;
    padding:10;
    float:left;
    border:1px solid #000;
    background:#eee;
    margin-bottom:.7em;
    position:relative;
}
.post-thumbnail img {
    height: auto;
    max-width:100%;
    display:block;
    margin:auto;
}
.post-thumbnail .entry-format {
    position:absolute;
    bottom:0;
    right:0;
    color:#eee;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing:.04em;
    font-weight:bold;
    text-transform:uppercase;
    background:#999;
    background:rgba(0,0,0,.6);
    padding:5px 10px;
}
img.wp-smiley {
    margin-bottom: 10;
    margin-top: 10;
}
p img,
.wp-caption {
    margin-top: 0.4em;
}
.wp-caption {
    background: #E9E9E9;
    margin-bottom: .7em;
    max-width: 96%;
    padding: 10px;
}
.wp-caption img {
    display: block;
    margin: 5px auto 0;
    max-width: 98%;
}
.wp-caption .wp-caption-text {
    color: #666;
    font-family: Georgia, serif;
    font-size: 12px;
    margin-bottom: 0.6em;
    padding: 10px 0px 5px 40px;
    position: relative;
}
.wp-caption .wp-caption-text:before {
    color: #9b8a62;
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.gallery-caption {
}
img#wpstats {
    display: block;
    margin: 0 auto 1.4em;
}
 
/* =Navigation
-------------------------------------------------------------- */ 
   

Nota: he posteado acá porque no sé si es problema del CSS o del mismo código de wordpress....

[Nekko]

Posteá tu URL que es mas fácil... sino buscá el img correspondiente y añadile algo como:

Código CSS:

margin-right:10px;
 

[el_tigre]

Iniciado por Nekko

Posteá tu URL que es mas fácil... sino buscá el img correspondiente y añadile algo como:

Código CSS:

margin-right:10px;
 

he probado en agregar ese código pero nada de nada amigo

mi web..

[Nekko]

En tu CSS buscá:

Código CSS:

p img, .wp-caption {
    margin-top: 0.4em;
}
 

Y reemplazalo por:

Código CSS:

p img, .wp-caption {
margin-top: 0.4em;
margin-right:10px;
}
 

[el_tigre]

Excelente amiga, excelente solución, muchas gracias, estando en este mismo hilo del tema. ¿cómo puedo hacer para que todos los textos salgan justificados y no tener que editar uno a uno?

[Nekko]

Colocá:

Código CSS:

p.rtejustify {
text-align:justify;
}
 

Y eso debería andar bien para la portada. En líneas generales estos temas son de CSS y no tanto específicos de WordPress. Te recomiendo descargarte la developer toolbar o firebug para comenzar a mirar en tu propio sitio con mas facilidad y leerte un cursito de HTML y CSS como este que te paso: http://www.cristalab.com/curso-html/

Suerte con eso ;)

[el_tigre]

muchas gracias nuevamente.....

[el_tigre]

Nekko, espero no ser de molestia en este tema, pero necesito una más de tu ayuda, quizá puedas darme luz en este tema, estoy intentando poner una imagen al inicio del texto (como en los 5 primeros) en realidad esos 5 primeros ya tenían imagen antes de cambiarme de CMS (usaba el drupal) pero ahora en Wordpress la imagen sólo aparece dentro del post y no en la portada inicial donde están recortadas los textos...... ¿qué podrá ser?

[Nekko]

Ese theme se maneja con la función de "Imagen destacada". Simplemente entrá en modo edición a la entrada, buscá a la derecha un recuadro de imagen destacada (va a tener disponible un link), clickealo y desde la sección galería seleccioná la imagen que querés que sea destacada, o bien subí una nueva imagen.

[el_tigre]

Amiga, no sé que sucede, pero no anda

Esta es una captura del index

image upload

y este es una captura dentro del post

gif image hosting

Sin embargo al cambiar de tema, me sale bien


jpeg image hosting

¿Dónde fallo?

[Nekko]

Entiendo, pero seguiste mis indicaciones para marcar la imagen destacada? Buscá esto en tu vista de edición de la entrada.

[el_tigre]

Iniciado por Nekko

Entiendo, pero seguiste mis indicaciones para marcar la imagen destacada? Buscá esto en tu vista de edición de la entrada.

Claro, seguí tus indicaciones, al pie de la letra, pero nada de nada....

[el_tigre]

Estuve mirando el código y encuentro esto.

Código PHP:

  <div class="entry-summary">
 
            <p class="rtejustify"><img src="http://thumbs.dreamstime.com/thumblarge_477/12658850871JrCz4.jpg" alt="" width="128" height="100" align="left" border="1">Un estudiante........ 
   

a diferencia del que no muestra el thumbnail sólo se ve esto....

Código PHP:

  </header><!-- .entry-header -->
 
        <div class="entry-summary">
 
            <p>Hace algun tiem....... 
   

Como que falta esto:

Código PHP:

   
            <p class="rtejustify"><img src="http://thumbs.dreamstime.com/thumblarge_477/12658850871JrCz4.jpg" alt="" width="128" height="100" align="left" border="1"> 
   

Ahora, agregando esos códigos al editar mi post.....tampoco los muestra

[Nekko]

La verdad no sabría que decirte, no tengo experiencia usando imágenes hosteadas en otros sitios. Te recomiendo subir las mismas a tu hosting, de ese modo te aseguro que funcionan porque tu theme lo descargué y funcionó a la perfección.