Skip to content

M
makura-2025
Commit c653f90b by jhukal9@gmail.com
Options

updated the minor changes like conclusion margin and light gallery for the gallery slider

parent 24be585c
Showing with 61 additions and 24 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/script.js
......@@ -90,11 +90,11 @@
var sliderId = $(this).attr("id");
var $slider = $("#" + sliderId);
$slider.owlCarousel({
loop: true,
loop: false,
margin: 8,
nav: true,
dots: false,
slideBy: 3,
slideBy: 2,
autoplay: true,
autoplayHoverPause: true,
responsive: {
......@@ -122,13 +122,15 @@
$slider.trigger("next.owl.carousel");
});
});
$(".gallery-item").lightGallery({
selector: "img",
$(".gallery-slider").each(function () {
$(this).lightGallery({
selector: ".gallery-item a",
thumbnail: true,
download: false,
zoom: true,
share: false,
});
});
});
/** GALLERY LIGHT BOX AND DYNAMIC SLIDER ENDS HERE */
})(jQuery);
blocks/portfolio-text-image-section.php
......@@ -109,27 +109,54 @@ if(have_rows('content')):
</div>
</div>
<div class="gallery-slider-wrapper slide-up">
<div class="gallery-slider owl-carousel owl-theme" id="ui-ux-gallery">
<div class="gallery-slider owl-carousel " id="ui-ux-gallery">
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-12.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-12.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-12.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-13.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-13.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-13.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-14.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-14.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-14.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png" alt="" class="img-fluid">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png" alt=""
class="img-fluid">
</a>
</div>
</div>
</div>
......
dev/sass/pages/_portfolio.scss
......@@ -401,6 +401,7 @@
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
margin-bottom: 0;
}
}
}
......
dev/sass/pages/_responsive.scss
@media (max-width: 575px) {
.PROJECT-CONCLUSION {
.percentage-box {
&:last-child {
.inner-wrapper {
p {
margin-bottom: 24px;
}
}
}
}
}
}
@media (max-width: 767.98px) {
.py-80,
.py-60,
......@@ -289,18 +303,6 @@
}
}
.PROJECT-CONCLUSION {
.percentage-box {
&:last-child {
.inner-wrapper {
p {
margin-bottom: 0;
}
}
}
}
}
.ONLY-TEXT-SECTION,
.PROJECT-CONCLUSION {
h1,
......
dev/sass/pages/master-portfolio/_sticky-tab.scss
.sticky-tab {
position: sticky;
top: 0;
background-color: $white;
z-index: 9;
.st-content {
ul {
li {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment