• Resuelto guillermomeijon

    (@guillermomeijon)


    Hola amig@s:
    El caso es que en el blog tengo una «chapa-campaña-escuela-pública» que se corresponde con un «image-widget».
    Pude comprobar que su referencia es image-3 y en principio lo que pretendía hacer me funciona, SALVO UNA COSA, NO PUEDO QUITAR LA SOMBRA NI EL BORDE DE LA IMAGEN que se corresponden con la sombra y la imagen de la sombra del resto de imágenes del blog.
    Qué puedo hacer para que la imagen del widget pueda quedar con border y box-shadow con valor NONE???

    Muchas gracias por vuestro tiempo.
    Guillermo

    ESTO ES LO QUE TENGO EN EL CSS, podéis ver la cuestiónm en el blog, http://www.escoladeferrado.es

    .entry-content img, .comment-content img, .widget img, .author-avatar img, img.wp-post-image {
    border-radius: 0px;
    border: 1px solid #999;
    padding: 10px;
    box-shadow: 4px 4px 8px #CC9966;
    }

    #widget_sp_image-3 {
    position: fixed;
    border: none;
    box-shadow: none;
    margin: -3850px 0px 0 0;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    rotation: -25deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Es que a lo que es la imagen propiamente dicha te está aplicando la clase «.widget img». «widget_sp_image-3» lo está aplicando al elemento que contiene la imagen.

    ¿Cómo tienes definida la clase «widget_sp_image»? Prueba a quitar el borde y la sombra en esta clase.

    Iniciador del debate guillermomeijon

    (@guillermomeijon)

    Gracias por tu respuesta, pero podrías decirme donde tendría que mirar la clase «widget_sp_image», en el sdtyle.css no la tengo, tendría que estar ahí??? Como podría añadirla???

    Lo he ddejado así,-NO SEÉ BIEN SI ES LO QUE TÚ ME DECÍAS- pero no me va:

    .entry-content img, .comment-content img, .widget img, .author-avatar img, img.wp-post-image {
    border-radius: 0px;
    border: 1px solid #999;
    padding: 10px;
    box-shadow: 4px 4px 8px #CC9966;
    }

    .widget_sp_image {
    border: none;
    box-shadow: none;
    }

    #widget_sp_image-3 {
    position: fixed;
    border: none;
    box-shadow: none;
    margin: -3850px 0px 0 0;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    rotation: -25deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

    Iniciador del debate guillermomeijon

    (@guillermomeijon)

    Gracias, ya lo solucioné, tenías razón, había que poner la clase como tú decías, «widget_sp_image», pero añadiendo la palabra «!important» para forzar a que coja ese valor, de tal forma que me quedó así:

    .entry-content img, .comment-content img, .widget img, .author-avatar img, img.wp-post-image {
    border-radius: 0px;
    border: 1px solid #999;
    padding: 10px;
    box-shadow: 4px 4px 8px #CC9966;
    }

    .widget_sp_image img{
    border: none !important;
    box-shadow: none !important;
    }

    #widget_sp_image-3 {
    position: fixed;
    max-width: 50%;
    margin: -3850px 0px 0 0;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    rotation: -25deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

    Genial, gracias por compartirlo!
    No olvides marcar el título como resuelto.
    Saludos,

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘No hay manera de quitar BORDER y SHADOW a image-widget’ está cerrado a nuevas respuestas.