Como ampliar el ancho de columna de los posts en el home

Inicio Foros WordPress Themes y Diseño Como ampliar el ancho de columna de los posts en el home

Etiquetado: , ,

Este debate contiene 6 respuestas, tiene 4 mensajes y lo actualizó  pablo.srivaya hace 6 años, 9 meses.

  • Autor
    Publicaciones
  • #22262

    pablo.srivaya
    Participante

    <p>Hola a todos. Tengo un problema con el ancho de mis posts en este blog: http://viversemchefe.com/<br />
    Me gustaria que comenzasen pegados a la izquierda para aprovechar toda la pantalla, además de que queda más bonito.<br />
    Alguien sabria ayudarme?<br />
    Muchas gracias por adelantado!</p>
    <p>Pablo.
    </p>

  • #54880

    Max Lopez
    Participante

    Hola, Añade o cambia estos estilos, aqui te dejo:

    #content .post {
    [b]width: 640px;[/b]
    }
    #content .entry-details {
    [b] width: 600px;[/b]
    }
    #content .entry-content {
    [b]width: 640px;[/b]
    }
    Con estos estilo tu blog quedará como quieres.

  • #54893

    pablo.srivaya
    Participante

    Muchas gracias Max. Sólo no se como introducir esas lineas.
    Buscando en el fichero style.css encuentro lo siguiente:

    #content .post {
    margin: 0 0 40px;
    padding: 0 0 40px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    clear: both;
    font-size: .95em;
    line-height: 1.6;
    }
    #content .entry-header h2.entry-title {
    margin: 0 0 12px;
    font: bold 1.3em/1.4 ‘Droid Sans’, arial, sans-serif;
    }
    #content .entry-header h2.entry-title a:hover {
    color: #777;
    text-decoration: none;
    }
    #content .post p {
    padding: 0 0 20px;
    }
    #content .entry-details {
    width: 22.507%;
    padding: 2px 18px 0 0;
    float: left;
    font: italic .8em/1.6 ‘Droid Serif’, Times, serif;
    }
    #content .entry-details p span.entry-date, #content .entry-details p a {
    width: 100%;
    font-family: ‘Droid Sans’, arial, sans-serif;
    font-style: normal;
    }
    #content .entry-content {
    width: 74.5%;
    margin: 0;
    float: right;
    }
    #content .post img.wp-post-image {
    width: 140px;
    height: auto;
    margin: 5px 0 8px;
    padding: 0;
    }

    He probado modificando lo que me has dicho y no consigo que cambie nada.
    Gracias de nuevo por tu ayuda!

    Pablo.

  • #54906

    Davico
    Participante

    #content .entry-content {
    float: right;
    margin: 0;
    width: 100%;
    }

    para que en la descripcion del post puedas aprovechar el 100% de espacio, anteriormente estaba en 74.5% solo realiza ese cambio y listo

  • #54907

    Davico
    Participante

    #content .entry-details {
    width: 22.507%;
    padding: 2px 18px 0 0;
    float: left;
    font: italic .8em/1.6 ‘Droid Serif’, Times, serif;
    }

    este 22.507% afecta en el titulo del post

  • #54908

    LGrusin
    Miembro

    Yo creo que sólo debes eliminar del archivo content.php lo siguiente:

    <div class=”entry-details”>
    …..
    …..
    </div><!– end entry-details –>

    …y en el archivo style.css modifica donde pone:

    #content .entry-content {
    width: 74.5%;
    margin: 0;
    float: right;
    }

    por:

    #content .entry-content {
    width: 95%;
    margin: 0;
    float: left;
    }

    Incluso puedes poner 100% como dice Davico pero por si acaso pon un poco menos.

    Un saludo

  • #54911

    pablo.srivaya
    Participante

    Señores, muchisimas gracias: gracias a vuestros consejos está resuelto.
    Un fuerte abrazo!

    Pablo.

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

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest