Remove borders from Gallery images

  • How do you remove borders from the gallery images? There are annoying grey lines around them… here:

    https://www.dottedfox.com/services/

    I have tried various hacks in the CSS but none work…tried these:

    This….
    #contentwrapper .gallery .gallery-item img {border:none !important;}

    This….
    .site-header img, .entry-content img, .comment-content img, .widget img, .single-thumbnail img {
    box-shadow: none;
    }

    This….
    #gallery-1 img {
    border: none!important;
    }

Viewing 1 replies (of 1 total)

  • #gallery-2 img { border: 0; }

    Use your browsers Inspect Element tool, locate and select a specific part of your website to view the relevant CSS code that is being applied to whichever element you selected.

    As with all CSS changes, I would advise to do so via the use of a Child Theme, or a Custom CSS plugin, to ensure your code changes are preserved should you update the main theme in the future.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Remove borders from Gallery images’ is closed to new replies.