Jump to content

Testimonial slider arrows not working - summary block

Recommended Posts

Site URL: https://sunflower-eagle-a3h3.squarespace.com/config/pages

Hi, 

I am having an issue with my testimonial slider. I made this using a summary block as I have before but the buttons just aren't working on this website for some reason. 

I have edited various bits of the code but nothing seems to be effecting the arrows functionality just the design... 

I want the arrows to work and/or the summary block to transition automatically through the testimonials

Any help welcomed asap!

 

1691586764_Screenshot2022-03-28at02_42_49.thumb.png.9f412f51b8a4c888b3e8883ee3039452.png

 

 


//Arrows Summary//


.sqs-gallery-design-carousel .sqs-gallery-controls .next,
.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
 display:inline-block !important;
 float: right;
 position: relative;
 top: auto;
 left: -15px;
 right: 15px;
 bottom: auto;
 margin: 0 0 15px 0;
 padding: 0;
 background-color: transparent;
 color: #d1ab13 !important;
 font-size: 16px;
 line-height: 16px;
 text-align: center;
 cursor: pointer;
}

//right arrow design

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
 font-family: 'squarespace-ui-font';
 font-style: normal;
 speak: none;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 content: "\E003";
 text-align: left;
 display: inline-block;
 vertical-align: middle;
}


//right arrow size & position top to bottom

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
 font-size: 35px;
 width: 16px;
 height: 32px;
 line-height: 32px;
}

//left arrow design

.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
 font-family: 'squarespace-ui-font';
 font-style: normal;
 speak: none;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 content: "\E000";
 text-align: center;
 display: inline-block;
 vertical-align: middle;
}

//unsure?//

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
 font-family: 'squarespace-ui-font';
 font-style: normal;
 speak: none;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 content: "\E003";
 text-align: left;
 display: inline-block;
 vertical-align: middle;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
 margin-right: 10px;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
 font-size: 64px;
 width: 64px;
 height: 64px;
 line-height: 64px;
}

//left arrow size & position top to bottom

.sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
 font-size: 35px;
 width: 16px;
 height: 32px;
 line-height: 32px;
}

//position of the arrows right to left
 .summary-carousel-pager .previous {
 position: absolute !important;
 left: -10% !important;
 right: inherit !important;
 top: 45% !important;
}

 .summary-carousel-pager .next {
 position: absolute !important;
left: inherit !important;
 right: -10% !important;
 top: 45% !important;
}

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.