Thumbnail spacing, shadow and border!

  • Resolved Adrian

    (@wadoadi)


    11 years, 9 months ago

    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)

    11 years, 9 months ago

    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)

    11 years, 9 months ago

    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)

    11 years, 9 months ago

    @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.