Support » Fixing WordPress » Cannot Remove Border Around Images Within Posts

  • Resolved markwilliamsjr

    (@markwilliamsjr)


    I have been having the most difficult time trying to figure out how to get rid of image borders within posts. I have tried just putting “border=0” in the HTML code, I made sure the border option in advanced image settings was set to 0, and they are not linked images.

    So the only thing that I think it may be would be coding within the style sheet. However, I cannot find anything to indicate this. If anyone would be so kind as to give my theme’s style sheet a look…I would greatly appreciate the help.

    http://www.drawnthatway.com

    (excuse the mess…we are just getting underway)

Viewing 15 replies - 1 through 15 (of 20 total)
  • I don’t see anything other than a single page with an image and that image doesn’t have a border (using firefox).

    Try putting this in your style.css (at the very bottom)

    img {
    border: none;
    }

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    Ahh, Trans…I’m sorry. I didn’t think I would get a reply this quickly. I have since taken down the “Coming Soon” page. So if you wanna check it out again.

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    And I tried what you suggested and that did not work. I also tried to put 0 instead of none, still not doing the trick.

    Here try this, in style.css find:

    .the_content img {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:white none repeat scroll 0 0;
    border:1px solid #DDDDDD;
    padding:3px;
    }
    
    change to:
    
    .the_content img {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:white none repeat scroll 0 0;
    }
    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    Trans, I don’t see code like that in the style.css

    The only things close are the following two items:

    .the_content img {
    background:white;
    border:1px solid #

    and

    .the_content img {
    max-width: 600px;
    width: expression(this.width > 600 ? 600: true);
    }

    I think I got that because I’m using firebug – I don’t have actual access to your style.css file so I see it a little differently.

    Try changing:

    .the_content img {
    background:white;
    border:1px solid #

    to:

    .the_content img {
    background:white;
    border: none;
    padding: 0;
    }

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    Yeah, still didn’t change anything.

    Thank you very much for taking the time to look into it though. Much appreciated. If you can think of anything else I would be glad to try.

    How about this, this type of thing is very difficult to do without looking at the actual stylesheet. So paste all the contents of your style.css here and we’ll find a solution a lot quicker:

    http://pastebin.com/

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    You got it! Thanks.

    It’s under my WP screen name.

    Try this:

    http://pastebin.com/m6994974c

    If it doesn’t work let me know.

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    Yeah Trans, I pasted the whole thing…it still didn’t change anything. Thank you though.

    markwilliamsjr,

    Set your site live again so we can take another look.

    This works for me to remove images around JPEGs:

    Make this a CSS insert:

    /* Optional images with no borders */
    .customImage img {
    padding: 0px;
    border: none;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    }

    And use it like this when you want no border:

    <div class=”customImage”>
    — post content here —
    </div>

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    Wimbledon, thanks for the suggestion…that didn’t work for me either.

    For doc4 — and anyone else who may want to help — I have made the site live again. Visit this page here to view post images with border.

    Thread Starter markwilliamsjr

    (@markwilliamsjr)

    Ok, I did put a link…but I don’t see it. So here:

    http://www.drawnthatway.com/2009/10/11/78/

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Cannot Remove Border Around Images Within Posts’ is closed to new replies.