Remove image borders

  • Resolved TinyTimmy

    (@tinytimmy)


    14 years, 3 months ago

    I am trying to remove the default border that shows up on every image you post on the site. Check out this page:

    http://onceuponanegro.com/about/about-this-site/

    I don’t want borders to show up on this scroll (I actually don’t want the border at all!) When you go to the Demo-3 of this theme, there are default borders around the images.

    I have gone to style.css… Everywhere I saw border I set to 0 and set to none. It’s not working:

    /* —— basic ——————- */

    body { margin:0; padding:0; background:url(img/back1.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px; color:#b8babb; text-align:center; }
    a img { border:none; }

    Can somebody help me out here? Thanks a bundle.

Viewing 6 replies - 1 through 6 (of 6 total)
  • DocEroc

    (@doceroc)

    14 years, 3 months ago

    The TOP and LEFT gray border on the gallery images?

    kz

    (@kz)

    14 years, 3 months ago

    Change padding:5px to padding:0 in your style.css like below:
    .post img, .post a img {padding:0;}

    Thread Starter TinyTimmy

    (@tinytimmy)

    14 years, 3 months ago

    Yes… But this border comes up on every image you post… Here is the demo site address for the theme:

    http://www.mono-lab.net/demo3/

    (Thanks for fast reply!)

    Thread Starter TinyTimmy

    (@tinytimmy)

    14 years, 3 months ago

    THANK YOU! I had to fool around a little more… but it was in that.post section. (I was up until 2 this morning and dreamed about how to fix this… you’re the greatest!)

    Current CSS code:

    .post img, .post a img { border:0 solid #222; padding:0; margin:0; background:#555; }
    .post a:hover img { border:1px solid #849ca0; background:#59847d; }
    .post img.centered,div.centered { display:block; margin:0 auto; border:0;}
    .post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; border:0; }
    .post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; border:0;}
    .post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

    kurosquare

    (@kurosquare)

    14 years, 3 months ago

    Modify below code(padding) in style.css on line 93
    .post img, .post a img { border:1px solid #222; padding:0; margin:0; background:#555; }
    instead of
    .post img, .post a img { border:1px solid #222; padding:5px; margin:0; background:#555; }

    DocEroc

    (@doceroc)

    14 years, 3 months ago

    Good deal. Heck I was looking for the #aboutsite CSS

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove image borders’ is closed to new replies.