Viewing 15 replies - 1 through 15 (of 38 total)
  • Try this

    .post-entry img {
           float: left;
           margin: .4em 0 0 1em;
           padding: 0 10px 10px 0;
           border: 0px;
    }

    on your style.css file

    It’s not the border, but padding in
    .post-entry img {

    I think you want to remove it.

    Or I f you want padding you probably want to remove the border

    Thread Starter Thedishmaster

    (@thedishmaster)

    and what do I change it to?

    I’m not sure what you’re using for an editor, but if you’re in the Appearance > Editor > CSS section of the admin dashboard, I’d recommend just using ctrl f and searching for “img”. From there you should be able to tinker with it and find what you like.

    Also, I’m not really seeing the “border” issue on the example you gave. It doesn’t have a border. Are you referring to the text wrap issue?

    Thread Starter Thedishmaster

    (@thedishmaster)

    The text is laid up against the image and there’s definitely a “border” because you can see an odd space between the right border and the image itself. Do you see what I mean?

    Here’s the other thing — I have no knowledge of CSS — I’m a major NOVICE — so any suggestions about how to tinker with it.

    Its showing on Firefox.
    GO to wp-content/themes/vesper/style.css

    Line 290
    Replace

    .post-entry img {
           float: left;
           margin: .4em 0 0 1em;
           padding: 0 10px 10px 0;
    }

    with

    .post-entry img {
           float: left;
           margin: .4em 0 0 1em;
           padding: 0 10px 10px 0;
           border: 0px;
    }

    Thread Starter Thedishmaster

    (@thedishmaster)

    Still there. ?? Didn’t work.

    It fixed on my browser now. Can you send a screenshot.

    Thread Starter Thedishmaster

    (@thedishmaster)

    Argh — I don’t know how to do that. Are you sure it fixed in firefox? I still see it.

    Yep it’s fixed. Refresh your page holding down the shift key. You might have a cache issue.

    Its fixed. I tested it in IE6 IE7 and other browsers. May be its only you, refresh couple of time.

    Thread Starter Thedishmaster

    (@thedishmaster)

    YAAAAAAY! YOU’RE RIGHT — YOU DID IT!!! THANKS SOOOOOOOOOOOO MUCH!!!

    Find .post-entry img on the editor and change the border-style: initial; to border-style: none;

    Or just delete all the border styles all together.

    I’m viewing with both Firefox and Chrome on a mac and it looks fine to me.

    The only thing I’ll add is you might want to make it 20px:

    .post-entry img {
           float: left;
           margin: .4em 0 0 1em;
           padding: 0 20px 10px 0;
           border: 0px;
    }

    No Worries.

Viewing 15 replies - 1 through 15 (of 38 total)
  • The topic ‘Cannot remove borders around images’ is closed to new replies.