• Resolved peacekeeperjack

    (@peacekeeperjack)


    Hi,

    I am currently using the BrightSky theme by KreativeThemes, and every time I post an image, a grey border appears on the sides. How do I fix this? My wordpress website is located at http://www.uberdirectors.com and an example of the problem can be viewed at http://uberdirectors.com/staff/ You can see that where the image displaying the text “Owners” is, there is a grey border around it.

    Thanks For Your Help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • edit layout.css (line 141)

    .entry img {
    background-color:#F3F3F3;
    border:1px solid #DDDDDD;
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }

    Update with

    .entry img {
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }
    Thread Starter peacekeeperjack

    (@peacekeeperjack)

    Thanks For the Reply, Chinmoy, but I can’t seem to find that in, or anywhere around line 141, that code. Any suggestions?
    I’ve attached my layout.css below

    [Large code excerpt removed by moderator. Per forum rules, please use the pastebin for all large code excerpts. It works better anyway.]

    so add this at the bottom

    .entry img {
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }
    Thread Starter peacekeeperjack

    (@peacekeeperjack)

    Ok, So I added the code to the bottom of the layout.css so it now looks like this

    /*Error 2*/
    table#wp-calendar{
    width: 100%;
    }
    .entry img {
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }

    But there is no diffrence. I am new to this and don’t know what to do!

    Just do a search (CTRL F) for .entry img on your layout.css file and you should find the bit you need to replace soon enough.

    Thread Starter peacekeeperjack

    (@peacekeeperjack)

    Just do a search (CTRL F) for .entry img on your layout.css file and you should find the bit you need to replace soon enough.

    The problem is, I can’t even find that block of code in the CSS… Not even with CTRL+F.

    Look at the line that starts:

    .entry img{padding: 0px 5px 5px 5px;border: 1px solid #ddd;

    See what happens if you remove the 1px solid #ddd bit

    Thread Starter peacekeeperjack

    (@peacekeeperjack)

    That didn’t work, but I removed some other things and I ended up getting it to remove. Thanks for your help guys!

    This ought to do it.

    .entry img.alignleft {
    float:left;
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }
    layout.css (line 135)
    .entry img {
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }
    layout.css (line 288)
    .entry img {
    margin:10px;
    padding:4px 5px 5px;
    text-align:center;
    }
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘URGENT: How Do I remove the Grey Border on my images!!!’ is closed to new replies.