How To Remove Grey Border In Thumbnail Grid In Tiled Gallery Of Jetpack

[Topic decapped – please do not “yell” here]

Hi guys,

I have been trying to remove the grey border around the thumbnail grid images under tiled gallery of jetpack but to no avail. This is what i have done;

> jetpack/modules/tiled-gallery/tiled-gallery/tiled-gallery.css

In the tiled-gallery.css, i have inserted none !important for all borders :

.tiled-gallery {
clear: both;
margin: 0;
overflow: hidden;
border: none !important;
}
.tiled-gallery img {
margin: 2px !important;
border: none !important;
/* Ensure that this value isn’t overridden by themes that give content images blanket margins */
}
.tiled-gallery .gallery-group {
float: left;
position: relative;
}
.tiled-gallery .tiled-gallery-item {
float: left;
margin: 0;
position: relative;
border: none !important;
width: inherit; /* prevents ie8 bug with inline width styles */

Unfortunately, the border still remains in the thumbnail grid. please advice how i can remove the thumbnail border if anyone every attempted this! thank you very much!

best,
loy