Quitar marco a imagenes

Inicio Foros WordPress Themes y Diseño Quitar marco a imagenes

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

  • Autor
    Publicaciones
  • #13297

    castguer
    Participante

    <p>Hola Fernando, en la semana del theme me baje el Big-blue 1 y lo tengo en esta dirección:<br />
    http://acratas.mihost.info/Prometheo/</p&gt;
    <p>como podrás apreciar las imagenes salen cubiertas por un marco azul, color que está relacionado con el color del titulo. He estado buscando en la hoja de estilos y lo que hecho es modificar el ese color pero no puedo quitar el marco. ese precisamente es el motivo de haber venido a consultartelo. Te pongo un extrato :</p>
    <p>a:link,a:active,a:visited,a:hover{text-decoration:none;color:#356aa0;border:none;}</p>
    <p>Como te digo, cambiando el color cambia el tono del cuadrado pero no consigo quitarlo ni pa trás. En fin quien sepa como hacerlo que no se corte. Un saludo a todos.
    </p>

  • #29414

    David Cortes
    Participante

    Hola castguer,

    ya intentaste resetear el valor de las etiquetas img ya revise la hoja de estilo y no veo que se haya declarado algún valor para esta etiqueta, si no lo has hecho inténtalo, tal vez funcione.

    img{border:none;}

    Pienso que de otra manera le estas asignando un color a el borde de la etiqueta "a" que corresponde al enlace.

    Espero que esto ayude.

    Saludos y suerte!!!

  • #29474

    metacortex
    Participante

    Es malo comenzar un post pidiendo ayuda a una sola persona, porque si en este momento Fernando está de viaje para Australia o Japón, entonces te quedaste con tu duda hasta el fin de los tiempos. En fin:

    [code]img {
    border: none;
    }[/code]

    —————
    Edito: Ahora veo que David respondió correctamente. Saludos David.

  • #29484

    imported_Fernando
    Participante

    metacortex dijo:
    Es malo comenzar un post pidiendo ayuda a una sola persona, porque si en este momento Fernando está de viaje para Australia o Japón, entonces te quedaste con tu duda hasta el fin de los tiempos. En fin:

    [code]img {
    border: none;
    }[/code]

    —————
    Edito: Ahora veo que David respondió correctamente. Saludos David.

    Acabo de llegar de la conchinchina, pero veo que el foro funciona como un reloj :mrgreen:

  • #29505

    castguer
    Participante

    Me vais a perdonas por mi desconocimiento pero, DÓNDE pongo
    img {
    border: none;
    }

  • #29506

    imported_Fernando
    Participante

    En el archivo style.css de tu plantilla 😉

  • #29511

    castguer
    Participante

    Fernando, eso ya lo sé. Pero lo que no sé es exactamente en que lugar del style.css del theme Big-blue 1 debo ponerlo o quitar antes algo para ponerlo o lo que sea. Llevo realizando cambios dos dias y lo unico que consigo es cambiar todo menos lo que pretendo.

    Si quieres te pongo aquí todo el style para que lo veas y despues lo borras si lo crees conveniente.

  • #29515

    imported_Fernando
    Participante

    Si, mejor ponlo 😉

    La idea es que revises la parte de tu CSS donde aplica los estilos a las imágenes y si tienen algún "border" cambiarlo a "none". En caso contrario (me extrañaría) solo tienes que añadir esa clase nueva.

    P.D.: por cierto, ya no veo los marcos azules ¿diste con ello?

  • #29516

    castguer
    Participante

    te pogo la parte en la que si viene la palabra border, pero como puedes ver hay muchos border(jajajaja)

    .postmetadata{background:#eee;border-bottom:1px #ccc solid;border-top:1px #eee solid;font-size:10px;margin:0;padding:5px;}

    .boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:510px;}

    #commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}

    #commentform label{display:block;margin:0;}

    #commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}

    #commentform textarea{width:400px;margin:0 0 10px;padding:0;}

    #commentform #submit{margin:0 0 20px;}

    #commentform p{margin:5px 0;}

    ol.commentlist{margin:0 0 1px;padding:0;}

    ol.commentlist :hover{background:url(images/latestbck.gif) repeat-x;}

    ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}

    ol.commentlist li :hover{background:none;}

    ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}

    ol.commentlist li.commenthead h2{margin:0;}

    ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}

    ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}

    #eof{width:980px;clear:both;height:20px;background:#fff;margin:0 auto;padding:0;}

    .navigation{width:500px;float:left;color:#666;}

    .alignright{float:right;margin-top:10px;}

    .alignleft{float:left;margin-top:10px;}

    #footer{background:url(images/footerbck.gif) repeat-x;height:31px;line-height:31px;clear:both;}

    .footer{width:980px;text-align:left;font-size:13px;margin:0 auto;}

    .lsidebar{float:left;width:200px;margin:0;padding:0;}

    .lsidebar h2{background:url(images/h2.gif) no-repeat;height:22px;font-size:13px;font-weight:700;color:#6995c2;margin:0;padding:0 0 10px 8px;}

    a:link,a:active,a:visited,a:hover{text-decoration:none;color:#356aa0;border:none;}

    #header h1 a:link,#header h1 a:active,#header h1 a:visited,#header h1 a:hover{text-decoration:none;color:#fff;border:none;}

    .rsidebar ul,.lsidebar ul{list-style-type:none;line-height:200%;font-size:13px;margin:0 auto;padding:0;}

    .rsidebar ul li,.lsidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}

    .rsidebar ul li ul,.lsidebar ul li ul{list-style-type:square;margin:0 auto;padding:0 3px;}

    .rsidebar ul li ul li,.lsidebar ul li ul li{list-style-type:none;border:0;border-bottom:#dadada solid 1px;margin:0 auto;padding:0;}

    .rsidebar ul li ul li ul.children li,.lsidebar ul li ul li ul.children li{list-style-type:none;border:0;margin:0 auto;padding:0;}

  • #29518

    imported_Fernando
    Participante

    En lo que pones no hay referencia alguna a las imágenes. Añade el código que te ha indicado metacortex al final del fichero y debe solucionarse

  • #29519

    castguer
    Participante

    Ahora SÍ. Mil tetra millones de gracias. Sois los mejores

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

Pin It on Pinterest

Ir al contenido