change background

https://demo.tutorialzine.com/2017/02/freebie-4-bootstrap-gallery-templates/#grid

how to change background on this gallery

tz-gallery {

padding-top: 10px;
background-position:center;
padding-bottom:0;
margin:auto;

}

tz-gallery .col-sm-2, .col-md-2{

background:none;
padding:3px !important;
margin:3px !important;
background-position:center

}

tz-gallery .container, .gallery-container {

background-color: #fff;
color: #35373a;

}

tz-gallery .tz-gallery, .lightbox img {

width: 100%;
margin-bottom: 5px;
transition: 0.2s ease-in-out;
box-shadow: 0 2px 3px rgba(0,0,0,0.2);

}

tz-gallery .tz-gallery, .lightbox img:hover {

transform: scale(1.01);
box-shadow: 0 8px 10px rgba(0,0,0,0.3);

}

tz-gallery .tz-gallery img {

border-radius: 4px;

}

tz-gallery .baguetteBox-button {

background-color: transparent !important;

}

@media(max-width: 768px) {
body {
padding: 0;
}

.container.gallery-container {
    border-radius: 0;
}

}

Comments 1

  • I changed this

    I think putting background image will do the trick if you want an image. I hope it helps if i understood your problem in a right way