WordPress.org

1. peacekeeperjack
   Member
   Posted 1 year ago #

   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!

2. MAS
   Member
   Posted 1 year ago #

   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;
   }

3. peacekeeperjack
   Member
   Posted 1 year ago #

   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.]

4. MAS
   Member
   Posted 1 year ago #

   so add this at the bottom

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

5. peacekeeperjack
   Member
   Posted 1 year ago #

   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!

6. thirstperson
   Member
   Posted 1 year ago #

   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.

7. peacekeeperjack
   Member
   Posted 1 year ago #

   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.

8. thirstperson
   Member
   Posted 1 year ago #

   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

9. peacekeeperjack
   Member
   Posted 1 year ago #

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

10. noski2009
    Member
    Posted 1 year ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.