WordPress.org

1. klayde
   Member
   Posted 1 year ago #

   Hey all, I'm having a bit of an issue. I started using WordPress recently and I have hit a slump that I'm not sure how to fix.

   Everytime I place an image on a post it comes out with a white border and a white dim glow. It ruins the design since I'm submitting PNG's with transparency.

   This is a preview of what I mean:

   http://upload.shaiex.net/files/11/badpngdontwork.jpg

   I have looked mostly everywhere on the stylesheet.css but I can't seem to find anything, if anyone knows what I should be looking for I'd appreciate it a lot.

   Thanks!

2. Jarret Cade
   Member
   Posted 1 year ago #

   Are you talking about the image to the left of the First Testament text? That doesn't look like anything that CSS would add unless somebody had some really advanced stuff in there.

   It looks like it may be coming from the image itself which would mean whatever program you are using is adding the border to it. Is there anyway to see the site you are using or a style.css file to look through?

3. alchymyth
   The Sweeper
   Posted 1 year ago #

   images are great to point to the problem, but are useless if it comes to fixing css problems.

   without a link to your site, nobody will be able to give you any substantial help.

   you could get yourself the firefox web developer add-on, for example, or the firebug - both great tools to check and debug site problems.

4. klayde
   Member
   Posted 1 year ago #

   http://www.swordofthesaints.com/?page_id=54 Here's the website... Uhm no I'm sure because I have been using photoshop for years so I know for a fact that it's the CSS doing it. They're PNGs that when i test them somewhere else they work fine. It's just on those pages.

   Also, if you look at this page too :
   http://www.swordofthesaints.com/?page_id=9 You can see that those images also have a dim white glow, that I did not put in there.

   Thank you for the help!

5. klayde
   Member
   Posted 1 year ago #

   Nvm I figured it out! Thank you everyone for the help. And yeah it was in the CSS... This is what it was before:

   .entry img, img.thumbnail { padding: 5px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca;  }
   img.wp-smiley  { padding: 0; border: none; }

   And I switched it to this:

   .entry img, img.thumbnail { padding: 0px; background: none; box-shadow: 0 0 0px #cacaca; -moz-box-shadow: 0 0 0px #cacaca; -webkit-box-shadow: 0 0 0px #cacaca;  }
   img.wp-smiley  { padding: 0; border: none; }

   Thank you both for replying. :)

6. alchymyth
   The Sweeper
   Posted 1 year ago #

   in style.css of your theme:

   /* 3.2 Images */
   .entry img, img.thumbnail { padding: 5px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca;  }

   remove all the 'box-shadow' code...

7. klayde
   Member
   Posted 1 year ago #

   Thanks Alchymyth, I figured it out 9 seconds before you posted XD

8. alchymyth
   The Sweeper
   Posted 1 year ago #

   well done -
   are well formulated question usually contains the answer ;-)

Topic Closed

This topic has been closed to new replies.