Hello there,

I'm hoping someone might be willing to help me with some simple custom code to change the placement of the arrows on my summary block.

On my website home page, I have a NEW IN section where the arrows are on the top right of the summary block. i would love to move them to the sides of the summary block as shown in the screenshot I have below. 

I understand i need css code and the current code i have is..

<style>
.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
width: auto;
}

.sqs-gallery-design-carousel .sqs-gallery-controls .next:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
padding: 10px;
background: #000;
color: #fff;
border-radius: 50%; // only if you need rounded buttnos
}
</style>

this changed the arrow style but did not change the placement.

My website is Jewelryfly.com & the password is Coco@334632

Can someone help me? Many thanks!!

-Oscar