5 pixel white border on my PNG files? (4 posts)

  1. silico26
    Posted 3 years ago #

    hi all. i'm using the simple catch theme and my site is reading PNG files with an annoying 5-pixel white border (see the blue BBB logo toward the bottom left of my home page).

    under the image's advanced settings i have tried putting the border at 0 via the image properties box (as well as a 0 in the "vertical space" and "horizontal space" boxes), and i've also tried putting this in the "styles" box and the "css class" box:

    border: 0px none;

    and this too:`

    border: 0px none; margin-top: 0px; margin-bottom: 0px;

    upon searching the forums/google, this doesn't seem to be a common issue, which leads me to believe/hope that it's something simple i'm overlooking. any advice?


  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    It's a background-color, not a border.

  3. silico26
    Posted 3 years ago #

    hmm, i don't see anything in the image settings to alter the background color of images, so i assume it's something template-specific. i'll dig into template settings and see what i can find. thanks

  4. Michael
    Forum Moderator
    Posted 3 years ago #

    try and work with a browser inspection tool such as Firefox' add-on https://addons.mozilla.org/en-US/firefox/addon/web-developer/ or Firebug to find out what actually styles the image.

    look into style.css of the parent theme for #main #content img, and then add a new style into style.css of the child theme to overwrite the padding (which makes the impression of a 5px white border, together with the background color).

Topic Closed

This topic has been closed to new replies.

About this Topic