• Resolved Adrian

    (@wadoadi)


    hi
    i’m trying to remove the black line around the thumbnails and add spacing between the images to allow the shadow to be seen correctly. i’m doing this via the jetpack CSS editor and have the following thus far, but i lose the spacing between the images and the drop shadow just form a grey bar under the images!

    /*Add shadow and radius to images */
    .entry-content img, img.wp-post-image {
    	box-shadow: 7px 7px 4px #888;
    }
    .ngg-gallery-thumbnail img {
    background-color:transparent!important;
    border:none!important;
    border-radius:10px!important;
    
    }

    Anyone tell me what i need to do to fix this please?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Adrian

    (@wadoadi)

    well some of the issue was the thumbnail being bigger than the available space 🙂

    now i just have a white space between the shadow and the image to try and remove!

    any ideas?

    Thread Starter Adrian

    (@wadoadi)

    found it!

    in case it helps anyone else

    .ngg-gallery-thumbnail img {
    padding: 0px !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 10px !important;
    margin: 0 !important;
    }

    Plugin Contributor photocrati

    (@photocrati)

    @adrian – Well done! … and thanks for sharing, too!

    – Cais.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Thumbnail spacing, shadow and border!’ is closed to new replies.