Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
49aeb782 by Jeff Balicki
Options

slider and contact 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent cc9b531a
Inline Side-by-side
Showing 24 changed files with 247 additions and 547 deletions
......@@ -96,7 +96,9 @@ error_log($carousel_style );
</div>
<?php endwhile; ?>
</div></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="swiper-button-prev" data-id="<?= $id ?>"></div>
<div class="swiper-button-next" data-id="<?= $id ?>"></div>
<?php else: ?>
......
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="7" viewBox="0 0 29 7">
<g id="Group_985" data-name="Group 985" transform="translate(-672 105)">
<circle id="Ellipse_16" data-name="Ellipse 16" cx="3.5" cy="3.5" r="3.5" transform="translate(672 -105)" fill="#699"/>
<circle id="Ellipse_24" data-name="Ellipse 24" cx="3.5" cy="3.5" r="3.5" transform="translate(683 -105)" fill="#699"/>
<circle id="Ellipse_25" data-name="Ellipse 25" cx="3.5" cy="3.5" r="3.5" transform="translate(694 -105)" fill="#699"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="7" viewBox="0 0 29 7">
<g id="Group_985" data-name="Group 985" transform="translate(-672 105)">
<circle id="Ellipse_16" data-name="Ellipse 16" cx="3.5" cy="3.5" r="3.5" transform="translate(672 -105)" fill="#e00"/>
<circle id="Ellipse_24" data-name="Ellipse 24" cx="3.5" cy="3.5" r="3.5" transform="translate(683 -105)" fill="#e00"/>
<circle id="Ellipse_25" data-name="Ellipse 25" cx="3.5" cy="3.5" r="3.5" transform="translate(694 -105)" fill="#e00"/>
</g>
</svg>
<svg id="Group_1314" data-name="Group 1314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.935" height="20.915" viewBox="0 0 20.935 20.915">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_151" data-name="Rectangle 151" width="20.935" height="20.915" fill="#699"/>
</clipPath>
</defs>
<path id="Path_1277" data-name="Path 1277" d="M0,0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z" transform="translate(0 0)" fill="#699"/>
<g id="Group_1023" data-name="Group 1023" transform="translate(0 0)">
<g id="Group_1022" data-name="Group 1022" clip-path="url(#clip-path)">
<path id="Path_1278" data-name="Path 1278" d="M18.276,13.612,16.363,11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1,9.134" transform="translate(-8.975 -0.009)" fill="#699"/>
</g>
</g>
</svg>
<svg id="Group_1314" data-name="Group 1314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.935" height="20.915" viewBox="0 0 20.935 20.915">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_151" data-name="Rectangle 151" width="20.935" height="20.915" fill="none"/>
</clipPath>
</defs>
<path id="Path_1277" data-name="Path 1277" d="M0,0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z" transform="translate(0 0)" fill="#1a1818"/>
<g id="Group_1023" data-name="Group 1023" transform="translate(0 0)">
<g id="Group_1022" data-name="Group 1022" clip-path="url(#clip-path)">
<path id="Path_1278" data-name="Path 1278" d="M18.276,13.612,16.363,11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1,9.134" transform="translate(-8.975 -0.009)" fill="#1a1818"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.488" height="22" viewBox="0 0 19.488 22">
<defs>
<clipPath id="clip-path">
<rect id="Rectangle_217" data-name="Rectangle 217" width="19.488" height="22" fill="#fff"/>
</clipPath>
</defs>
<g id="Group_1435" data-name="Group 1435" clip-path="url(#clip-path)">
<path id="Path_1391" data-name="Path 1391" d="M16.973,22H2.529c-.034-.012-.067-.026-.1-.036a.858.858,0,0,1-.6-.545.918.918,0,0,1-.052-.333q0-2.112,0-4.225v-.122h-.1c-.15,0-.3,0-.449,0A1.233,1.233,0,0,1,.034,15.716.9.9,0,0,0,0,15.6V9a.689.689,0,0,0,.032-.1A1.231,1.231,0,0,1,1.267,7.864c.144,0,.287,0,.431,0,.024,0,.047,0,.08-.007V.982c0-.046,0-.092,0-.137A.867.867,0,0,1,2.332.053.986.986,0,0,1,2.7,0H13.056a.426.426,0,0,1,.333.146c.029.031.057.064.085.1Q15.52,2.58,17.568,4.916a.607.607,0,0,1,.167.43c0,.027,0,.055,0,.082V7.865h.1c.15,0,.3,0,.449,0a1.207,1.207,0,0,1,1.1.724,1.178,1.178,0,0,1,.1.534q0,1.851,0,3.7,0,1.315,0,2.63a1.577,1.577,0,0,1-.012.265,1.23,1.23,0,0,1-1.2,1.018h-.449c-.027,0-.053,0-.086,0v.125q0,2.08,0,4.16c0,.058,0,.116-.006.174a.862.862,0,0,1-.644.76c-.038.01-.075.024-.112.036M2.645.864v7H16.858c.021-.1.018-2.083,0-2.156h-3.7c-.034,0-.067,0-.1,0a.433.433,0,0,1-.418-.368A.867.867,0,0,1,12.63,5.2q0-2.108,0-4.215V.864Zm0,20.027H16.865V16.746H2.643Zm4.893-5.213c.037.006.067.013.1.016.249.021.5.047.749.06a10.291,10.291,0,0,0,1.611-.019,5.27,5.27,0,0,0,1.213-.262,2.8,2.8,0,0,0,1.8-1.774,4.044,4.044,0,0,0,.145-2.149,2.635,2.635,0,0,0-.525-1.166,2.867,2.867,0,0,0-1.453-.956,5.356,5.356,0,0,0-1.474-.2A14.208,14.208,0,0,0,7.943,9.3c-.135.014-.27.036-.407.054Zm-4.11-2.27a4.467,4.467,0,0,0,.86.014,3.354,3.354,0,0,0,1.057-.239,1.977,1.977,0,0,0,.889-.682,2.134,2.134,0,0,0,.349-1.553A1.784,1.784,0,0,0,5.391,9.442a3.378,3.378,0,0,0-1.137-.213,12.83,12.83,0,0,0-2.047.091c-.074.01-.148.025-.22.037V15.7h1.44ZM18.118,9.277c-.142-.02-3.864-.013-3.927.006V15.7c.121.018,1.381.013,1.456-.007v-1.71q0-.215,0-.431c0-.142,0-.285,0-.434H17.19c.128,0,.257,0,.385,0s.254.005.379,0v-1.18h-2.3c-.019-.173-.011-1.4.01-1.475h2.453Z" fill="#fff"/>
<path id="Path_1392" data-name="Path 1392" d="M162.156,186.269c.105-.013.207-.031.31-.038a3.028,3.028,0,0,1,1.028.069,1.655,1.655,0,0,1,1.265,1.3,2.968,2.968,0,0,1-.084,1.67,1.749,1.749,0,0,1-1.294,1.168,2.867,2.867,0,0,1-.772.08c-.149,0-.3-.01-.453-.015Z" transform="translate(-153.153 -175.879)" fill="#fff"/>
<path id="Path_1393" data-name="Path 1393" d="M61.758,187.832v-1.907c.038-.009.076-.02.114-.025a2.393,2.393,0,0,1,.945.025.994.994,0,0,1,.344.165.813.813,0,0,1,.315.53,1.123,1.123,0,0,1-.005.419.951.951,0,0,1-.716.754,1.939,1.939,0,0,1-.689.067c-.1-.006-.2-.018-.308-.027" transform="translate(-58.329 -175.546)" fill="#fff"/>
</g>
</svg>
(function($){
/**
* initializeBlock
*
* Adds custom JavaScript to the block HTML.
*
* @date 15/4/19
* @since 1.0.0
*
* @param object $block The block jQuery element.
* @param object attributes The block attributes (only available when editing).
* @return void
*/
var initializeBlock = function( $block ) {
// $block.find('.carousel-items:not(.large)').slick({
// dots: false,
// infinite: true,
// speed: 300,
// slidesToShow: 4,
// adaptiveHeight: false,
// arrows:true,
// variableWidth: true,
// responsive: [
// {
// breakpoint: 1024,
// settings: {
// slidesToShow: 3,
// slidesToScroll: 1,
// }
// },
// {
// breakpoint: 600,
// settings: {
// slidesToShow: 2,
// slidesToScroll: 1
// }
// },
// {
// breakpoint: 480,
// settings: {
// slidesToShow: 1,
// slidesToScroll: 1
// }
// }
// // You can unslick at a given breakpoint now by adding:
// // settings: "unslick"
// // instead of a settings object
// ]
// });
// $block.find('.carousel-items.large').slick({
// dots: false,
// centerMode:true,
// infinite: true,
// speed: 300,
// slidesToShow: 2,
// adaptiveHeight: false,
// arrows:true,
// variableWidth: true,
// responsive: [
// {
// breakpoint: 1024,
// settings: {
// slidesToShow: 2,
// slidesToScroll: 1,
// }
// },
// {
// breakpoint: 600,
// settings: {
// slidesToShow: 2,
// slidesToScroll: 1
// }
// },
// {
// breakpoint: 480,
// settings: {
// slidesToShow: 1,
// slidesToScroll: 1
// }
// }
// // You can unslick at a given breakpoint now by adding:
// // settings: "unslick"
// // instead of a settings object
// ]
// });
// $('.slick-list').css('margin-left', $('.entry-content').css('margin-left'));
$('.carousel').css('margin-left',"-"+$('.entry-content').css('margin-left'));
}
$(window).on('resize', function(){
// $('.slick-list').css('margin-left', $('.entry-content').css('margin-left'));
$('.carousel').css('margin-left',"-"+$('.entry-content').css('margin-left'));
});
// Initialize each block on page load (front end).
$(document).ready(function(){
$('.carousel').each(function(){
initializeBlock( $(this) );
});
});
// Initialize dynamic block preview (editor).
if( window.acf ) {
window.acf.addAction( 'render_block_preview/type=quote', initializeBlock );
}
function stretch(){
var margin_left = parseInt($('.entry-content').css('margin-left')) + 20;
var margin_right = parseInt($('.entry-content').css('margin-right')) + 20;
$('.stretch-left').css('margin-left',"-"+margin_left);
$('.stretch-left').css('padding-left',margin_left);
$('.stretch-right').css('margin-right',"-"+margin_right+'px');
$('.stretch-right').css('padding-right',+margin_right+'px');
$('.stretch').css('margin-left',"-"+margin_left+'px');
$('.stretch').css('margin-right',"-"+margin_right+'px');
$('.stretch').css('padding-left',margin_right+'px');
$('.stretch').css('padding-right',margin_left+'px');
}
jQuery(function($) {
stretch();
$('.sameHeight').sameHeight();
$(window).on('resize', function(){
stretch();
$('.sameHeight').sameHeight();
});
});
})(jQuery);
(function( $ ) {
// the sameHeight functions makes all the selected elements of the same height
$.fn.sameHeight = function() {
var selector = this;
var heights = [];
// Save the heights of every element into an array
selector.each(function(){
var height = $(this).height();
heights.push(height);
});
// Get the biggest height
var maxHeight = Math.max.apply(null, heights);
// Show in the console to verify
console.log(heights,maxHeight);
// Set the maxHeight to every selected element
selector.each(function(){
$(this).height(maxHeight);
});
};
}( jQuery ));
\ No newline at end of file
.carousel:not(.is-admin){
background-color: transparent !important;
left: -20px;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
}
.carousel-items{
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
}
.slick-list{
margin: auto;
margin-right: -20vw;
}
.slick-next{
right: 15px;
z-index: 9999;
top: calc(50% - 17.5px);
}
.slick-prev {
left: 0px;
z-index: 9999;
top: calc(50% - 17.5px);
}
.slick-next:before{
content: " ";
background-image: url(next-arrow.png);
background-size: contain;
width: 35px !important;
height: 35px !important;
display: block;
background-repeat: no-repeat;
opacity: 1;
}
.slick-prev:before,.slick-prev:before{
content: " ";
background-image: url(previous-arrow.png);
background-size: contain;
width: 35px !important;
height: 35px !important;
display: block;
background-repeat: no-repeat;
opacity: 1;
}
.slick-prev:hover:before{
background-image: url(previous-arrow-hover.png);
}
.slick-next:hover:before{
background-image: url(next-arrow-hover.png);
}
.count-up-infographic-block {
clear: both;
margin-right: 5px;
}
.count-up-infographic-block.vertical {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.count-up-infographic-block .infographic{
text-align: center;
}
.count-up-infographic-block .infographic img{
margin: auto;
margin-top: 10px;
width: 50px;
}
.count-up-infographic-block.vertical .infographic img{
width: 100px;
}
.count-up-infographic-block p {
font-size: 16px;
line-height: 20px;
color:#4D4D4D;
}
.count-up-infographic-block .countup{
font-size:35px;
line-height: 42px;
font-weight: bold;
}
.count-up-infographic-block.vertical .countup{
display: block;
margin: 10px 0px;
}
.count-up-infographic-block.vertical .column{
width: 100% !important;
}
.carousel-items li .count-up-infographic-block{
background-color: #F0F0F0;
width: 342px;
height: 342px;
}
.testimonials{
background-color:#D6EAF9;
}
.testimonial-text{
padding: 30px 50px;
}
.container.testimonials .row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.container.testimonials p{
font-size: 16px !important;
line-height:21px !important;
font-style: italic;
}
.testimonials_image{
width: 100%;
}
.carousel-items li .testimonials{
background-color: #F0F0F0;
width: 683px;
}
\ No newline at end of file
......@@ -15608,12 +15608,21 @@ h2, .h2 {
color: #0484B8;
font-size: 40px;
line-height: 49px;
margin-bottom: 40px;
}
h3, .h3 {
color: #0484B8;
font-size: 29px;
line-height: 32px;
margin-top: 20px;
}
input[type=text], input[type=email] {
border-radius: 0px !important;
border: 0px solid #fff !important;
height: 32px !important;
margin-bottom: 20px;
}
input[type=submit] {
......@@ -15621,6 +15630,55 @@ input[type=submit] {
border: 0px solid #fff !important;
}
textarea {
border-radius: 0px !important;
border: 0px solid #fff !important;
margin-bottom: 20px;
}
input[type=checkbox] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
opacity: 1;
}
.bottom-borders .wp-block-column .wp-block-image img {
border-radius: 25px 25px 0px 0px;
border-bottom: 20px solid #FFA300;
}
.bottom-borders .wp-block-column .wp-block-image .wp-element-caption {
text-align: center;
font-size: 20px;
line-height: 30px;
}
.bottom-borders .wp-block-column:nth-of-type(2) .wp-block-image img {
border-bottom: 20px solid #3F9C35;
}
.bottom-borders .wp-block-column:nth-of-type(3) .wp-block-image img {
border-bottom: 20px solid #0484B8;
}
#wpcf7-f115-p18-o1 {
max-width: 80% !important;
}
#wpcf7-f115-p18-o1 input[type=text], #wpcf7-f115-p18-o1 input[type=email], #wpcf7-f115-p18-o1 textarea {
background-color: #E5F2F8;
}
#wpcf7-f115-p18-o1 .wpcf7-list-item {
margin: 0px;
}
#wpcf7-f115-p18-o1 input[type=submit] {
text-align: center;
margin: auto;
margin-top: 20px;
width: 112px;
background-color: #0484B8;
color: #fff;
text-transform: uppercase;
display: block;
}
.pre-header {
background-color: #0484B8;
color: #fff;
......@@ -15828,8 +15886,27 @@ input[type=submit] {
text-transform: uppercase;
}
.testimonials .col {
background-size: cover;
.carousel:not(.is-admin) {
background-color: transparent !important;
left: -20px;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
}
.carousel-items {
list-style: none;
-webkit-margin-before: 0em;
margin-block-start: 0em;
-webkit-margin-after: 0em;
margin-block-end: 0em;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
margin-inline-end: 0px;
-webkit-padding-start: 20px;
padding-inline-start: 20px;
background-color: transparent !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
......@@ -15840,71 +15917,65 @@ input[type=submit] {
margin-right: 15px;
}
.carousel {
width: 100vw;
margin-left: calc((100% - 100vw) / 2);
left: 0 !important;
min-height: 340px !important;
}
.carousel .carousel-items {
margin-left: 1.75rem;
}
.carousel .swiper-wrapper {
gap: 1rem;
}
.testimonials-carousel .swiper-slide {
width: 890px !important;
min-height: 247px !important;
border-radius: 8px 8px 0px 0px;
}
.carousel {
width: 100vw;
margin-left: calc((100% - 100vw) / 2);
left: 0 !important;
}
.carousel .swiper-button-next {
right: 8px !important;
}
.carousel .swiper-button-prev {
left: 7px !important;
}
.carousel .swiper-pagination {
bottom: -20px !important;
}
.swiper-slide .testimonials {
.testimonials-carousel .swiper-slide {
width: 890px !important;
}
.testimonials-carousel .swiper-slide .testimonials {
width: 890px;
background: #E5F2F8;
border-radius: 8px 8px 0px 0px;
margin-right: 20px;
}
.swiper-slide .testimonials .row {
.testimonials-carousel .swiper-slide .testimonials .row {
margin-right: 0rem !important;
border-bottom: 20px solid #FFA300;
margin-left: -15px !important;
min-height: 316px !important;
}
.swiper-slide:nth-of-type(2) .testimonials .row {
border-bottom: 20px solid #3F9C35;
}
.swiper-slide:nth-of-type(3) .testimonials .row {
border-bottom: 20px solid #E04E39;
.testimonials-carousel .swiper-slide .testimonials .col {
background-size: cover;
}
.testimonial-text {
.testimonials-carousel .swiper-slide .testimonials .testimonial-text {
padding: 30px 50px;
}
.container.testimonials .row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.container.testimonials p {
.testimonials-carousel .swiper-slide .testimonials p {
font-size: 16px !important;
line-height: 21px !important;
font-style: italic;
}
.testimonials_image {
.testimonials-carousel .swiper-slide .testimonials .testimonials_image {
width: 100%;
}
.carousel-items li .testimonials {
background-color: #F0F0F0;
width: 683px;
.testimonials-carousel .swiper-slide:nth-of-type(2) .testimonials .row {
border-bottom: 20px solid #3F9C35;
}
.testimonials-carousel .swiper-slide:nth-of-type(3) .testimonials .row {
border-bottom: 20px solid #0484B8;
}
.testimonials-carousel .swiper-slide:nth-of-type(4) .testimonials .row {
border-bottom: 20px solid #E04E39;
}
.has-blue-color,
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -22,9 +22,6 @@ function my_acf_init_block_types() {
));
wp_enqueue_style( 'block-slider', get_stylesheet_directory_uri() . '/blocks/carousel/style.css', array(), '1.0.13' );
// wp_enqueue_script( 'block-slider', get_stylesheet_directory_uri() . '/blocks/carousel/script.js', array(), '1.0.13', true );
acf_register_block(array(
'name' => 'call-out-block',
......
......@@ -14807,63 +14807,27 @@
styleInject(css_248z);
jQuery(document).ready(function ($) {
const header_swiper = new Swiper('.swiper', {
// Optional parameters
loop: true,
modules: [Navigation, Pagination],
// If we need pagination
pagination: {
el: '.swiper-pagination'
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
// And if we need scrollbar
scrollbar: {
el: '.swiper-scrollbar'
}
});
var offset = (window.innerWidth - $('.entry-content').width()) / 2 - 28;
jQuery('.carousel-items').each(function () {
var _id = jQuery(this).parent().attr('id');
var swiper_params = {
modules: [Navigation],
modules: [Navigation, Pagination],
slidesPerView: "auto",
slidesOffsetBefore: offset,
spaceBetween: 25,
pagination: {
el: ".swiper-pagination",
type: 'bullets'
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next[data-id="' + _id + '"]',
prevEl: '.swiper-button-prev[data-id="' + _id + '"]'
}
};
if (jQuery(this).hasClass('testimonials-carousel')) {
swiper_params.spaceBetween = 0;
}
if (jQuery(this).hasClass('books')) ;
if (jQuery(this).hasClass('stories')) ;
new Swiper(this, swiper_params);
});
header_swiper.on('slideChange', function (el, i) {
var slide = jQuery(el.slides[el.activeIndex]);
var copy = jQuery(slide).data('copy');
var cap = jQuery(slide).data('caption');
if (!copy && !cap) {
jQuery('.side-caption').addClass('hide');
} else {
jQuery('.side-caption').removeClass('hide');
jQuery('.side-caption').find('.cap').text(cap);
jQuery('.side-caption').find('.copyright').text(copy);
}
});
});
// Add your custom JS here.
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -6,27 +6,6 @@ import 'swiper/css/pagination';
jQuery(document).ready(function($) {
const header_swiper = new Swiper('.swiper', {
// Optional parameters
loop: true,
modules: [Navigation, Pagination],
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// And if we need scrollbar
scrollbar: {
el: '.swiper-scrollbar',
},
});
var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28;
......@@ -35,12 +14,17 @@ jQuery(document).ready(function($) {
var _id = jQuery(this).parent().attr('id');
var swiper_params = {
modules: [Navigation],
modules: [Navigation, Pagination],
slidesPerView:"auto",
slidesOffsetBefore:offset,
spaceBetween:25,
pagination: {
el: ".swiper-pagination",
type: 'bullets',
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next[data-id="'+_id+'"]',
......@@ -49,15 +33,7 @@ jQuery(document).ready(function($) {
};
if(jQuery(this).hasClass('testimonials-carousel')) {
swiper_params.spaceBetween = 0;
}
if(jQuery(this).hasClass('books')) {
}
if(jQuery(this).hasClass('stories')) {
}
new Swiper(this, swiper_params);
......@@ -65,17 +41,4 @@ jQuery(document).ready(function($) {
});
header_swiper.on('slideChange', function (el, i) {
var slide = jQuery(el.slides[el.activeIndex]);
var copy = jQuery(slide).data('copy');
var cap = jQuery(slide).data('caption');
if(!copy && !cap) {
jQuery('.side-caption').addClass('hide');
} else {
jQuery('.side-caption').removeClass('hide');
jQuery('.side-caption').find('.cap').text(cap);
jQuery('.side-caption').find('.copyright').text(copy);
}
});
});
\ No newline at end of file
......
.testimonials {
.col {
background-size: cover;
// carousel css
.carousel:not(.is-admin){
background-color: transparent !important;
left: -20px;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
}
.carousel-items{
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
pointer-events: all !important;
......@@ -12,6 +28,7 @@
margin-right:15px; //for the scroll bar
}
.carousel {
.carousel-items {
margin-left:1.75rem;
......@@ -19,46 +36,60 @@
.swiper-wrapper {
gap: 1rem;
}
}
.testimonials-carousel {
.swiper-slide {
width:890px !important;
min-height:247px !important;
border-radius: 8px 8px 0px 0px;
}
}
.carousel {
width:100vw;
margin-left:calc((100% - 100vw) / 2);
left:0 !important;
min-height: 340px!important;
.swiper-button-next {
right:8px !important;
}
.swiper-button-prev {
left:7px !important;
}
.swiper-pagination{
bottom: -20px !important;
}
}
// testimonials carousel css
.testimonials-carousel{
.swiper-slide{
width:890px !important;
.testimonials{
width:890px;
background:#E5F2F8;
border-radius: 8px 8px 0px 0px;
margin-right: 20px;
.row{
margin-right: 0rem !important;
border-bottom:20px solid #FFA300;
margin-left: -15px !important;
min-height:316px !important;
}
.col {
background-size: cover;
}
.testimonial-text{
padding: 30px 50px;
}
p{
font-size: 16px !important;
line-height:21px !important;
font-style: italic;
}
.testimonials_image{
width: 100%;
}
}
}
.swiper-slide:nth-of-type(2){
.testimonials{
.row{
......@@ -69,6 +100,13 @@
.swiper-slide:nth-of-type(3){
.testimonials{
.row{
border-bottom:20px solid #0484B8;
}
}
}
.swiper-slide:nth-of-type(4){
.testimonials{
.row{
border-bottom:20px solid #E04E39;
}
}
......@@ -77,29 +115,4 @@
.testimonial-text{
padding: 30px 50px;
}
\ No newline at end of file
.container.testimonials .row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.container.testimonials p{
font-size: 16px !important;
line-height:21px !important;
font-style: italic;
}
.testimonials_image{
width: 100%;
}
.carousel-items li .testimonials{
background-color: #F0F0F0;
width: 683px;
}
\ No newline at end of file
......
......@@ -8,14 +8,81 @@ h2{
color: #0484B8;
font-size: 40px;
line-height: 49px;
margin-bottom: 40px;
}
h3{
color: #0484B8;
font-size: 29px;
line-height: 32px;
margin-top: 20px;
}
input[type=text],input[type=email]{
border-radius: 0px !important;
border: 0px solid #fff !important;
height: 32px !important;
margin-bottom: 20px;
}
input[type=submit]{
border-radius: 0px !important;
border: 0px solid #fff !important;
}
textarea{
border-radius: 0px !important;
border: 0px solid #fff !important;
margin-bottom: 20px;
}
input[type=checkbox]
{
-webkit-appearance: auto !important;
appearance: auto !important;
opacity: 1;
}
.bottom-borders{
.wp-block-column {
.wp-block-image img{
border-radius: 25px 25px 0px 0px;
border-bottom:20px solid #FFA300;
}
.wp-block-image .wp-element-caption{
text-align: center;
font-size: 20px;
line-height: 30px;
}
}
.wp-block-column:nth-of-type(2) {
.wp-block-image img{
border-bottom:20px solid #3F9C35;
}
}
.wp-block-column:nth-of-type(3) {
.wp-block-image img{
border-bottom:20px solid #0484B8
}
}
}
#wpcf7-f115-p18-o1{
max-width: 80% !important;
input[type=text],input[type=email],textarea{
background-color: #E5F2F8;
}
.wpcf7-list-item{
margin:0px;
}
input[type=submit]{
text-align: center;
margin: auto;
margin-top: 20px;
width: 112px;
background-color: #0484B8;
color: #fff;
text-transform: uppercase;
display: block;
}
}
\ No newline at end of file
......