| Server IP : 104.21.32.1 / Your IP : 216.73.216.18 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/eaabusiness.com/wp-content/themes/globeco/scss/posts/gallery/ |
Upload File : |
/* GALLERY POST */
[id*="gallery-"]{
margin: auto;
overflow: hidden;
}
.single_gallery.gallery-1 {
margin-bottom: 20px;
}
.single_gallery.gallery-2 .gallery-item{
width: 50%;
}
.single_gallery.gallery-3 .gallery-item{
width: 33.3333%;
}
.single_gallery.gallery-4 .gallery-item{
width:25%;
}
.single_gallery.gallery-5 .gallery-item{
width:20%;
}
[id*="gallery-"] .gallery-caption {
margin-left: 0;
padding: 8px 15px 30px;
font-size: 14px;
line-height: 20px;
}
.gallery {
.gallery-item {
text-align: center;
}
.gallery-icon img {
display: block;
max-width: 100%;
}
.gallery-item a {
position: relative;
display: inline-block;
vertical-align: top;
}
.gallery-item a:before {
content: '';
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
background-color: #3779e0;
}
.gallery-item a:after {
content: '\f00e';
width: 58px;
height: 58px;
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
margin: -29px 0 0 -29px;
font-size: 24px;
line-height: 58px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.15);
text-align: center;
font-family: 'FontAwesome';
z-index: 3;
opacity: 0;
}
.gallery-item a:hover:before {
opacity: 0.9;
}
.gallery-item a:hover:after {
opacity: 1;
}
&.gallery-size-thumbnail {
margin: 0 -15px;
.gallery-item {
padding: 0 15px;
margin: 30px 0 0;
}
.gallery-caption {
padding: 8px 0 0;
}
}
}