Custom testimonial carousel arrows

Site URL: https://uprisefinancial.com.au

I have been trying to move my arrows on the carousel to either side of the testimonial. 

I tried using the code from this site: https://thirtyeightvisuals.com/blog/custom-arrows-testimonial-carousel-squarespace

But my float: left isn't working

Can you please help?

Many thanks

Hi,
Please remove every custom code that you inserted. Revert it to default and after that let me know to check it.

Please use the like button if it helps you!

Best,
Leopold

Hi,

I have removed all the code so its back to the default. 

Many thanks

Hi,

Insert this code in your Footer Code Injection.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#block-yui_3_17_2_1_1597380147313_30245 .sqs-gallery-design-carousel .sqs-gallery-container').after($('.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager'));
});
</script>

Insert this code in Design -> Custom CSS

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

.sqs-gallery-design-carousel .sqs-gallery-controls .next {
    margin-right: -10vw;
    right: auto;
    left: -30px;
}

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: none;
    clear: both;
    width: auto;
}


#block-yui_3_17_2_1_1597380147313_30245 .sqs-gallery-design-carousel .sqs-gallery-container {
    overflow: hidden;
}

div#block-yui_3_17_2_1_1597380147313_30245 .summary-block-wrapper.sqs-gallery-design-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
}

Please use the like button if it helps you!

Best,
Leopold

Found a good article here to customise summary carousel arrows:

https://bamn.digital/blog/change-the-summary-carousel-arrows-on-squarespace