There conflict - your css template styles with OS image gallery(
ordasoft.com/os-image-gallery.html)
Please add to your template CSS file next code
Code: |
[class^=os-gallery-all-in-one-main] .img-block.taras-effect .os-gallery-caption .os-gallery-img-desc,
[class^=os-gallery-album-tabs-main] .img-block.taras-effect .os-gallery-caption .os-gallery-img-desc,
[class^=os-gallery-tabs-main] .img-block.taras-effect .os-gallery-caption .os-gallery-img-desc {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flex !important;
display: -o-flex !important;
display: flex !important;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
@media(max-width: 768px) {
[class^=os-gallery-all-in-one-main] .img-block.taras-effect .os-gallery-caption::before,
[class^=os-gallery-album-tabs-main] .img-block.taras-effect .os-gallery-caption::before,
[class^=os-gallery-tabs-main] .img-block.taras-effect .os-gallery-caption::before {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
box-shadow: 0 0 0 10px rgba(255,255,255,0.2);
}
}
@media(max-width: 480px) {
[class^=os-gallery-all-in-one-main] .img-block.taras-effect .os-gallery-caption p,
[class^=os-gallery-album-tabs-main] .img-block.taras-effect .os-gallery-caption p,
[class^=os-gallery-tabs-main] .img-block.taras-effect .os-gallery-caption p {
font-size: 8px;
}
}
|
Please backup you file first
REgards
Andrew
Ordasoft team