Clear Dropdown

Custom CSS

.header-nav-folder-content {
background-color: transparent !important;
}

Hover Footer Red

Custom CSS

/* footer links hover color */
footer.sections a:hover {
	color: red !important;
}

Making carousel pics not buttons clickable links

Custom CSS

li.list-item {
    position: relative;
}
.list-item-content__button-container {
    position: static;
}
a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.list-item-content__button-container {
    position: static !important;
transform: unset !important;
}
a.list-item-content__button.sqs-block-button-element:before {
    visibility: hidden;
}
.user-items-list-carousel__slide {
    pointer-events: initial !important;
    user-select: unset !important;
}
.user-items-list-carousel__gutter {
    cursor: pointer;
}

Making list items hover

Custom CSS

li.user-items-list-carousel__slide.list-item:hover img {
    transform: scale(1.3);
    transition: all 0.3s;
}
li img {
    transition: all 0.3s;
}
.user-items-list-carousel__slide {
    pointer-events: initial !important;
}

Remove Underline for links

Custom CSS

/* styling link underlines sitewide */

.sqs-block-html a {

background-image:none!important;

}

.sqs-block-html h1 a, h2 a, h3 a, h4 a, p a {

border-bottom-style: none !important;

text-decoration-line: none !important;

}

Making carousel pics not buttons clickable links

Code injection - footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $( ( ) => {
  
    const selector = '.user-items-list-carousel__slides .list-item';
    
    $( selector ).each ( function ( ) {
    
      const $this = $( this );
      
      $( $this ).click ( function ( ) {
      
      const url = $( '.list-item-content__button', $this )
      
        .attr ( 'href' );
        
      $( `<a href="${ url }" target="_self">` )
      
      	.get ( 0 )
        
        .click ( );
        
      } );
      
    } );
    
  } );
</script>

<style>
.user-items-list-carousel__slide {
    pointer-events: initial !important;
}
.user-items-list-carousel__gutter {
    cursor: pointer;
}
</style>

Mobile Pagination stacked instead of squished

Custom CSS

@media only screen and(max-width: 640px){
.item-pagination--prev-next {
flex-direction: column!important
}

.item-pagination-link{
max-width:100%;
margin-bottom: 40px
}
}