Support » Fixing WordPress » Remove gray borders around thumbnail photos

  • Resolved John Lyman

    (@jlyman)


    I have three areas I’d like to remove the gray borders around thumbnail photos. I did an inspect elements code search and while I found the correct code to input to remove the gray borders around the various thumbnail images on my homescreen it doesn’t appear to be working.

    The two codes I have are:
    .NewsListImage img {
    margin: 15px 0;
    border: none;
    }

    And:
    #featured_photo img {
    border-width: 5px;
    border-style: none;
    }

    And:
    .category-image-block img {
    border-width: 5px;
    border-style: none;
    }

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • Can you post a link to your site? It’s really impossible to help with things like this without seeing the actual site live.

    Sure of course sorry I neglected to do so and thanks for any help.

    http://www.internationalpolicydigest.org/

    You found the right code – what did you do with it? Try changing it to:

    .NewsListImage img {
    margin: 0;
    border: 0;
    }
    
    And:
    #featured_photo img {
    border-width: 0;
    border-style: 0;
    }
    
    And:
    .category-image-block img {
    border-width: 0;
    border-style: 0;
    }

    Also be sure you are clearing any caches — browser and any on your site or server.

    Thanks for the code. I inputed it into the custom.css option but its still not catching.

    Looks like you are missing a closing bracket in this section:

    #wrap {
    background: white;
    
    .NewsListImage img {
    margin: 0;
    border: none;
    }

    above the .NewsListImage line

    Great I can’t thank you enough especially on a holiday.

    No problem — and happy holiday to you too!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove gray borders around thumbnail photos’ is closed to new replies.