Site URL: https://www.empathyuprise.com/activism
Hey guys,
I am trying to figure out why the arrows in the summer block - Webinars - aren't working.
Here's the code to the blocks:
//testimonial slider arrows
.sqs-gallery-design-carousel .sqs-gallery-controls .next,
.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
display: block;
float: right;
position: relative;
top: auto;
left: -15px;
right: 15px;
bottom: auto;
margin: 0 0 15px 0;
padding: 0;
background-color: transparent;
color: #faa819 !important;
font-size: 16px;
line-height: 16px;
cursor: pointer;
}
.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: center;
display: inline-block;
vertical-align: middle;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
font-size: 32px;
width: 16px;
height: 32px;
line-height: 32px;
}
.sqs-gallery-design-carousel .sqs-gallery-controls .previous {
margin-right: 10px;
}
.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 .previous:before {
font-size: 32px;
width: 16px;
height: 32px;
line-height: 32px;
}
.summary-carousel-pager .previous {
position: absolute !important;
left: 18px !important;
right: inherit !important;
}
Even though there are four events you only can see two of them and the arrows are not working.