Hi,
Photographers Galleries is not responsible for your problem and adds very little styling features. The zooming effect you describe comes from the CSS rules related to WordPress galleries from your theme stylesheet, namely these lines :
.gallery-columns-1 .gallery-item img {
width: 100%;
transition: opacity 0.2s ease-in-out,-webkit-transform 0.8s cubic-bezier(0, 0, 0.44, 1.18);
transition: opacity 0.2s ease-in-out,transform 0.8s cubic-bezier(0, 0, 0.44, 1.18);
transition: opacity 0.2s ease-in-out,transform 0.8s cubic-bezier(0, 0, 0.44, 1.18),-webkit-transform 0.8s cubic-bezier(0, 0, 0.44, 1.18);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
}
.gallery-columns-1 .gallery-item:hover img {
opacity:0.5;
-webkit-transform:scale(1.08);
-ms-transform:scale(1.08);
transform:scale(1.08);
You could install the JetPack plugin and use its Custom CSS feature. Just use this code to overwrite the above rules :
.gallery-columns-1 .gallery-item img {
transition: none!important;
transform: none!important;
}
.gallery-columns-1 .gallery-item:hover img {
transition: none!important;
transform: none!important;
opacity:1!important;
}
As for the black background of the pictures, again it comes from your theme :
.gallery-columns-1 .gallery-item {
background-color: rgb(0, 0, 0);
}
which you could overwrite in Jetpack custom CSS with :
.gallery-columns-1 .gallery-item {
background-color: transparent!important;
}
Please note that these tricks will impact only one-column galleries so ensure to always use one-column galleries inside the Photographers Galleries shortcode.
As your topic is not directly related to PG features, I will mark this thread as resolved. However, feel free to ask anything else you need.
Regards,
Aurélien.
