MillyBanks Posted March 28, 2022 Share Posted March 28, 2022 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! //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
tuanphan Posted March 30, 2022 Share Posted March 30, 2022 Which page are you referring to? We don't see any block on homepage https://sunflower-eagle-a3h3.squarespace.com/?noredirect MillyBanks 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MillyBanks Posted April 3, 2022 Author Share Posted April 3, 2022 Hi @tuanphan sorry I didn't see this reply. It is on /home Link to comment
MillyBanks Posted April 5, 2022 Author Share Posted April 5, 2022 On 3/30/2022 at 2:34 AM, tuanphan said: Which page are you referring to? We don't see any block on homepage https://sunflower-eagle-a3h3.squarespace.com/?noredirect Did you find it? Link to comment
MillyBanks Posted April 6, 2022 Author Share Posted April 6, 2022 I have managed to resolve this! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment