Who We Support and Partner With:
Iconic Slider 2
The above block is copied from the site: https://cascadefinadev.wpenginepowered.com/charity-and-community/
Pattern HTML
<!-- wp:group {"metadata":{"name":"Logo Slider"},"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30","top":"var:preset|spacing|50"}}},"backgroundColor":"eight","layout":{"type":"constrained","contentSize":"1450px"}} -->
<div class="wp-block-group alignfull has-eight-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:group {"metadata":{"name":"Upcoming House Events for House Guests and Families with a Hospitalized Child"},"className":"logo-slider","style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|15"},"blockGap":"20px"}},"layout":{"type":"constrained","contentSize":"1450px"}} -->
<div class="wp-block-group logo-slider" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--15)"><!-- wp:heading {"textAlign":"center","level":5} -->
<h5 class="wp-block-heading has-text-align-center">Who We Support and Partner With:</h5>
<!-- /wp:heading -->
<!-- wp:da/wp-swiper-slides {"align":"full","containerWidth":100,"previousIcon":"https://cascadefinadev.wpenginepowered.com/wp-content/uploads/2025/11/Group-10298.svg","nextIcon":"https://cascadefinadev.wpenginepowered.com/wp-content/uploads/2025/11/Group-10296.svg","tabActive":"slide-7","pagination":false,"spaceBetween":35,"tabsData":[{"clientId":"acd46760-9e74-46ba-89d6-ea0c52bd5d1f","slug":"slide-1"},{"clientId":"64ce66e6-061e-4635-8273-5556c423f9d2","slug":"slide-2"},{"clientId":"9c4f5688-689a-4668-abe0-b011498b3a55","slug":"slide-3"},{"clientId":"1516966c-02ea-4cbf-9049-15093a4d369c","slug":"slide-4"},{"clientId":"c7ef0845-6e8b-4f7d-822e-2fbd202d5cd1","slug":"slide-5"},{"clientId":"863d49e7-8bbf-4e40-b000-93648de816b0","slug":"slide-6"},{"clientId":"ff1da3d0-1ad3-4fcd-9369-12bf79e615f0","slug":"slide-7"}],"breakpoints":"{\u0022980\u0022:{\u0022slidesPerView\u0022:5}, \u0022640\u0022:{\u0022slidesPerView\u0022:3}, \u0022500\u0022:{\u0022slidesPerView\u0022:1}}\n","className":"is-style-default event-slider is-style-default event-slider is-style-default event-slider"} -->
<div class="alignfull alignfull is-style-default event-slider wp-swiper alignfull is-style-default event-slider is-style-default event-slider is-style-default event-slider is-style-default event-slider is-style-default event-slider is-style-default event-slider"><div class="wp-swiper__wrapper"><div class="swiper-container swiper" data-swiper="{"slidesPerView":"1","slidesPerGroup":1,"slidesPerGroupAuto":false,"slidesPerGroupSkip":0,"navigation":true,"pagination":{"type":"bullets"},"delay":3000,"speed":500,"loop":false,"direction":"horizontal","slidesOffsetBefore":0,"slidesOffsetAfter":0,"autoHeight":true,"spaceBetween":35,"releaseOnEdges":false,"effect":"slide","breakpoints":"{\"980\":{\"slidesPerView\":5}, \"640\":{\"slidesPerView\":3}, \"500\":{\"slidesPerView\":1}}\n"}"><div class="swiper-wrapper"><!-- wp:da/wp-swiper-slide {"slug":"slide-1","containerWidth":100} -->
<div data-tab="slide-1" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2036,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/08/3-hipaa.png" alt="" class="has-border-color has-second-border-color wp-image-2036" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-2","containerWidth":100} -->
<div data-tab="slide-2" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2499,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/PT-badge.png" alt="" class="has-border-color has-second-border-color wp-image-2499" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-3","containerWidth":100} -->
<div data-tab="slide-3" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2539,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/11/Group-2.png" alt="" class="has-border-color has-second-border-color wp-image-2539" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-4","containerWidth":100} -->
<div data-tab="slide-4" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2287,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/10/PT-badge-1.png" alt="" class="has-border-color has-second-border-color wp-image-2287" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-5","containerWidth":100} -->
<div data-tab="slide-5" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2035,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/08/2-secure.png" alt="" class="has-border-color has-second-border-color wp-image-2035" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-6","containerWidth":100} -->
<div data-tab="slide-6" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2034,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/08/1-state-licensed.png" alt="" class="has-border-color has-second-border-color wp-image-2034" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide -->
<!-- wp:da/wp-swiper-slide {"slug":"slide-7","containerWidth":100} -->
<div data-tab="slide-7" class="wp-swiper__slide swiper-slide"><div class="wp-swiper__overlay-color" style="background-color:rgba(0, 0, 0, 0)"></div><div class="wp-swiper__slide-content" style="max-width:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|15"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2033,"sizeSlug":"full","linkDestination":"none","align":"center","style":{"border":{"width":"1px"}},"borderColor":"second"} -->
<figure class="wp-block-image aligncenter size-full has-custom-border"><img src="https://patterndev.upthinksolutions.com/wp-content/uploads/2025/08/4-pt.png" alt="" class="has-border-color has-second-border-color wp-image-2033" style="border-width:1px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div></div>
<!-- /wp:da/wp-swiper-slide --></div></div><div class="wp_swiper__navigation"><div class="wp_swiper__navigation-container"><div class="swiper-button-prev wp_swiper__button-prev"><img src="https://cascadefinadev.wpenginepowered.com/wp-content/uploads/2025/11/Group-10298.svg" alt="Previous"/></div><div class="swiper-button-next wp_swiper__button-next"><img src="https://cascadefinadev.wpenginepowered.com/wp-content/uploads/2025/11/Group-10296.svg" alt="Previous"/></div></div></div></div></div>
<!-- /wp:da/wp-swiper-slides --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Pattern CSS
.logo-slider .swiper-container {
max-width: 80%;
}
.logo-slider .swiper-autoheight .swiper-wrapper{
align-items: center;
}
.logo-slider .swiper-backface-hidden .swiper-slide{
margin-right: 35px !important;
}
.logo-slider .swiper-button-next,
.logo-slider .swiper-button-prev,
.logo-slider .wp-swiper .wp_swiper__button-next img,
.logo-slider .wp-swiper .wp_swiper__button-prev img{
width: 65px;
height: 65px;
}
