Testimonial Summary Block Help

Site URL: https://www.pmdpainting.com/home-1

Hello-

I'm looking for help with the summary block. I put some css code (see below) in to make the thumbnail smaller and a circle as well as displaying the title to be larger. After I did that the arrows for next and previous disappeared. There is one more testimonial in the blog that I used for the summary block but as you can see, it isn't showing up. However, when I reload the pages, the arrows flash so it looks like they're there but behind the other elements if that makes sense...

Thanks in advance for the help!

-----

#block-yui_3_17_2_1_1646326611230_6701 .summary-thumbnail {
  overflow: visible !important;
  border: none;}

#block-yui_3_17_2_1_1646326611230_6701 .summary-item-list {
  pointer-events: none;}

#block-yui_3_17_2_1_1646326611230_6701 .summary-item-list img {
  border-radius: 100% !important;
  height: 150px !important;
  width: 150px !important;}

#block-yui_3_17_2_1_1646326611230_6701 .summary-thumbnail-outer-container {
  height: 150px !important;
  width: 150px !important;
  margin: 0 auto;}

#block-yui_3_17_2_1_1646326611230_6701.summary-title {
  margin-top: 30px !important;
  font-size: 1rem !important;
  font-family: playfair-display;
  text-align: center !important;
  pointer-events: none;}

#block-yui_3_17_2_1_1646326611230_6701 .summary-excerpt {
  margin-top: 30px !important;}

#block-yui_3_17_2_1_1646326611230_6701.summary-excerpt p {
  font-size: 24px !important;
  line-height: 1.6em !important;
  text-align: center !important;}

#block-yui_3_17_2_1_1646326611230_6701 .sqs-gallery-design-carousel .sqs-gallery-controls {
  width: 100%;
  padding-right: 30px;}

#block-yui_3_17_2_1_1646326611230_6701 .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;}

#block-yui_3_17_2_1_1646326611230_6701 .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
  font-weight: 700 !important;
  font-size: 1.5rem !important;}

I think above code doesn't cause problem. Have you tried remove above code & check again?

Thank you! I looked again and it was a setting in the design tab. Appreciate the feefback!

I am having an issue with my testimonial slider. I have used the follow code (which has worked on another website of mine with the same template etc) but the arrows aren't working to allow scroll of the testimonials. 

Ideally I would also like the block to automatically slide through the testimonials. Any help appreciated. 

Website: 

https://sunflower-eagle-a3h3.squarespace.com/testimonials

//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;
}

.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;
}