¿Cómo editar es espaciado y borde de las imagenes de las entradas?

Inicio Foros WordPress Themes y Diseño ¿Cómo editar es espaciado y borde de las imagenes de las entradas?

Este debate contiene 6 respuestas, tiene 3 mensajes y lo actualizó  imported_fliberty hace 8 años, 3 meses.

  • Autor
    Publicaciones
  • #18466

    MaNeo
    Participante

    <p>Hola buenas,</p>
    <p>Mi pregunta es sencilla, me gustaría saber cómo puedo hacer que el espacio en blanco entre las imagenes que publico en las entradas y el propio texto sea mayor que el que viene de forma predeterminada. Siempre acabo dándole espacios en blanco en el HTML del editor :P<br />
    Tambien me gustaría saber como poner de forma automatica un borde de 1px en las imagenes de las entradas, sin tener que hacerlo una a una de forma manual.</p>
    <p>Se que todo esto lo encuentro en el css, pero desconozco totalmente ese apartado y lo que he ido tocando no parece que tenga efecto alguno..</p>
    <p>Muchísimas gracias de antemano :)
    </p>

  • #44941

    x03po
    Participante

    dentro del style.css de tu tema tienes que buscar la linea

    [list]img {
    padding:5px 10px 0px 10px;}[/list]

    Tienes que modificar el padding que es el espacio entre la imagen y el texto.

  • #44943

    imported_fliberty
    Participante

    Hola, en mi caso yo realizo lo siguiente:

    si quiero aplicar a las imágenes de toda la página:

    img{padding:5px; margin:8px; border:#000 1px solid;}

    Si quiero aplicar efectos sólo a las imágenes de las entradas:

    div.content img {padding:5px; margin:8px; border:#000 1px solid;}
    div.content img a{text-decoration:none}

    Porqué le doy margin y padding, pues el paddin me separa el borde de la imagen y el margin, me separa la imagen del texto; le puedes asignar además float: left ó float:right, dependiendo de la alineación de la imagen, por ejemplo de manera automática WP asigna el class alignleft, alignright ó aligncenter, de acuerdo a como subas la imagen y la alineación que especifiques, solo para el caso si quiero aplicar estos efectos a las alineaciones:

    alignleft img {padding:5px; margin:0 8px 8px 0; border:#000 1px solid; float:left;}

    Aquí el texto se va a distanciar de la imagen 8px del lado derecho y 8px en la parte inferior.

    alignright img{{padding:5px; margin:0 0 8px 8px; border:#000 1px solid; float:right;}

    Aquí el texto se separa de la imagen 8px a la izquierda y 8px en la parte inferior.

    Para la alineación centrada utilizas text-align en lugar del float.

  • #44959

    MaNeo
    Participante

    Muchas gracias a los dos 🙂 Pero resulta que no da ningún efecto. Me da que debe haber alguna acción de borde que nula la que me dais =/ Y no encuentro cual puede ser.

    Seguiré indagando..

  • #44961

    imported_fliberty
    Participante

    puedes publicar el código de tu loop, así te podría ayudar…

    OJO, solo el loop, desde el the_title()

  • #44970

    MaNeo
    Participante

    puedes publicar el código de tu loop, así te podría ayudar…
    OJO, solo el loop, desde el the_title()

    ¿En qué archivo se supone que está lo que me pides? 😛

  • #44981

    imported_fliberty
    Participante

    Esto normalmente se encuentra en el index.php de tu theme…

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido