• Hola a todos!
    Soy nueva en todo esto, y tal vez me pueden ayudar con algunos inconvenientes que he tenido y no se como resolverlos.

    El primero y principal, es que modificando los margenes y las distancias, me han aparecido unas cajas negras entre el sidebar y los post y no tengo idea como quitarlos!

    Lik: http://wasabiblog.com/

    Espero su ayuda!
    Muchas gracias!!!!
    🙂

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Saludos Belkkk.

    Viendo tu CSS he notado que tienes la siguiente regla:

    #sidebar .widget {
        border-right: 100px solid #000000;
    }

    el cuadro negro corresponde a que estas colocando el borde derecho de los widget del sidebar con un grosor de 100px. Particularmente borraría esa propiedad pero ya depende de ti y lo que planeas hacer.

    Has las modificaciones y cuéntanos como te va.

    Iniciador del debate belkkk

    (@belkkk)

    Gracias Shinjiru_fred ! pero lamentablmente no es eso. Yo tambien lo pense asi, lo busque pero no hay nada en mi plantilla que tenga 100 px. Es mas la regla que tengo de sidebar completa te la dejo abajo. Capaz podes leer algo que yo no estoy pudiendo y lo estoy pasando por alto. MUchas gracias!!!!!

    /************************************************************************************
    SIDEBAR
    *************************************************************************************/
    #sidebar {
    width: 31.6%;
    text-align: center;
    margin: 60px 0 0px;
    }
    #sidebar .secondary {
    width: 47%;
    float: center;
    font-size: 90%;
    line-height: 130%;
    }
    #sidebar .secondary.last {

    }
    .widget {
    margin: 0 0 55px;
    clear: both;
    }
    .widgettitle {
    margin: 0 0 15px -1px;
    padding: 5px 25px 5px 5px;
    font-family: ‘Oswald’, sans-serif;
    color: #929497;
    letter-spacing: .1em;
    border-bottom: dotted 2px #ddd;
    }
    .widgettitle a {
    color: #fff;
    }
    .widget ul {
    text-align: center;
    margin: 0;
    padding: 0px;
    }
    .widget li {
    margin: 0;
    padding: 0px 0;
    list-style: none;
    clear: both;

    }
    .widget ul ul {
    margin: 0px 0px 0px 50px;
    padding: 0;
    border-top: none;
    }
    .widget ul ul li {
    margin: 0;
    }

    /************************************************************************************
    WIDGET STYLES
    *************************************************************************************/
    /* calendar widget */
    .widget #wp-calendar caption {
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
    }
    .widget #wp-calendar td {
    width: 31px;
    padding: 4px 2px;
    text-align: center;
    }

    /* feature posts widget */
    .widget .feature-posts-list br {
    display: none;
    }
    .widget .feature-posts-list .post-img {
    margin: 4px 12px 10px 0;

    }
    .widget .feature-posts-list small {
    font: italic 90% «Times New Roman», Times, serif;
    display: block;
    margin: 0 0 3px;
    }
    .widget .feature-posts-list .feature-posts-title {
    margin: 4px 0 3px;
    }
    .widget .feature-posts-list .post-excerpt {
    display: block;
    }

    /* twitter widget */
    .widget .twitter-list .twitter-timestamp {
    font: italic 90% «Times New Roman», Times, serif;
    }
    .widget .follow-user {
    margin: 0;
    padding: 5px 0;
    }

    /* links widget */
    .widget .links-list img, .widget_links img {
    text-align: center;

    }

    /* recent comments widget */
    .recent-comments-list .avatar {
    margin-right: 12px;
    float: left;
    }

    /* flickr widget */
    .widget .flickr_badge_image {
    margin-top: 10px;
    }
    .widget .flickr_badge_image img {
    width: 50px;
    height: 50px;
    margin-right: 12px;
    margin-bottom: 12px;
    float: left;
    }

    /* search widget */
    #sidebar #searchform {
    position: static;
    }
    #sidebar #searchform #s {
    max-width: 93%;
    }

    Ah ok, ya veo. Viendo el código fuente de tu web noto que tienes CSS en forma de style type en la cabecera de tu tema y que allí es donde esta ese borde de 100px. Revisa el archivo header.php de tu tema, seguramente allí encontraras algo.

    Igualmente puedes agregarle un !important a la propiedad que te he colocado:

    #sidebar .widget {
        border-right: 100px solid #000000 !important;
    }

    Con el !important seguramente lo resolverás pero es bueno que le des una mirada al header.php y veas porqué se agrega ese código CSS allí.

    Iniciador del debate belkkk

    (@belkkk)

    Amigo! Muchas gracias por responder 🙂
    Te cuento que no hay forma, puse la regla important y ademas no aparece por ningun lado los 100px, en ningun documento.
    Para mi es otro problema, pero no se que puede ser…

    se te ocurre otra cosa?

    saludos y gracias una vez mas!!

    Prueba desactivado los plugins, posiblemente uno de ellos agrega ese estilo.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Cajas cuadradas muy extrañas!’ está cerrado a nuevas respuestas.