Los post se ven a la derecha

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Elías

    (@eliasgdj)

    hace 5 años, 10 meses

    La web está basada en Twenty Sixteen no? Por lo que veo tiene un CSS rarísimo, aunque quizás es del Tema. ¿Has tocado algo que no sea CSS? Parece como si faltara la barra lateral o algo así.

    Te dejo captura: https://imgur.com/a/lYvmOIS

    Elías

    (@eliasgdj)

    hace 5 años, 10 meses

    He mirado el Tema tal como viene, y el CSS de ese elemento es diferente (y tiene barra lateral). He añadido otra captura al enlace. Algo has tocado 😁

    Iniciador del debate danielosongo

    (@danielosongo)

    hace 5 años, 10 meses

    Buenas noches, si, el tema es el tweenty sixteen, he tocado codigo css, pero si quito todas las modificaciones del css sigue igual sin verde, lo adjunto aquí:

    .menu-principal #menu-item-123{
    padding-right: 260px;
    }

    img {
    height: auto;
    max-width: 90%;
    display:block;
    margin:0 auto 0 auto;
    vertical-align: top;
    overflow: auto;
    }

    .entry-title {

    font-family: Montserrat, «Helvetica Neue», sans-serif;
    font-size: 28px;
    font-size: 2.02rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0;
    }

    .page-title {
    font-family: Montserrat, «Helvetica Neue», sans-serif;
    font-size: 27px;
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.2173913043;
    }

    h1 {
    display: block;
    text-align: center;
    font-size: 2.0625rem;
    line-height: 1em;
    }

    .site-header{
    background: white;
    color: white ! important;
    padding: 0 4.5455%;
    }

    .boton {
    font-size: 33px;
    font-size: 1.9625rem;
    margin-bottom: 0.1484848485em;
    font: Montserrat;
    }

    hr {
    margin: 15px auto;
    width: 35%;
    background-color: #212121;
    }

    .no-sidebar .post-thumbnail img {display:none !important;}

    .woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
    display: none;
    }

    .egg-container small, .egg-container .small {
    font-size: 85%;
    DISPLAY: NONE;
    }

    @media screen and (max-width:30em) {
    .gallery-item {
    max-width: 100%;
    max-height:100%;
    margin-bottom: 30px;
    }}

    .gallery-item { border: 5px solid #f5f5f5;
    border-radius: 30px;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.45);
    padding: 15px;
    color: #212121;
    font-size: .8rem;
    font-style: italic;
    font-family: Georgia, serif;
    line-height: 18px;
    margin: 10px auto;
    height: 29em;
    width: 25em;
    }

    .gallery-icon img {
    margin: 0 auto;
    height: 16em;
    width: 22em;
    }

    .gallery-caption {
    color: #212121;
    font-size: .9rem;
    line-height: 18px;
    margin: 10px auto;
    margin-bottom: 0
    }

    .entry-content h3{
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.1052631579;
    margin-top: 2.9473684211em;
    margin-bottom: 0.4em;
    text-decoration: underline;
    }

    body, button, input, select, textarea {
    font-family: Merriweather, Georgia, serif;
    font-size: 16px;
    font-size: 1.1rem;
    }

    .single-post .entry-content {

    }


    Además al tema solo le he quitado la barra lateral del widget

    Muchas gracias por adelantado 🙂

    Iniciador del debate danielosongo

    (@danielosongo)

    hace 5 años, 10 meses

    No he tocado html ni php, solo css en el editor adicional y los widgets los he quitado de forma manual en la sección de personalización!

    Gracias 🙂

    phermartell

    (@gmartell)

    hace 5 años, 10 meses

    Hola:
    Intenta usando este CSS
    @media screen and (min-width: 61.5625em)
    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
    float: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    }

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Los post se ven a la derecha’ está cerrado a nuevas respuestas.

Etiquetas