# (Squarespace) Change Gallery Block Carousel arrow position

**URL:** <https://community.elfsight.com/t/squarespace-change-gallery-block-carousel-arrow-position/104498>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 2, 2025, 9:01am UTC](https://community.elfsight.com/t/squarespace-change-gallery-block-carousel-arrow-position/104498 "2025-03-02T09:01:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [March 2, 2025, 9:01am UTC](https://community.elfsight.com/t/squarespace-change-gallery-block-carousel-arrow-position/104498/1 "2025-03-02T09:01:44Z")

</div>

To change Gallery Block Carousel Arrow Position. You can follow these.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/2/b2de21eaad7729382b3eac2ae5020ebcf1ae504d.jpeg)

**#1. Top Left – Top Right**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/6/86cf96716d9dbc040c03566a31ca2406a03cb988.jpeg)

Use this code to Custom CSS  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [send me an email](https://community.elfsight.com/u/tuanphan/summary).

```auto
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    top: 30px !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/7/77d084cd60ec2896e0b70d369fc56cbe91949857.png)

**#2. Bottom Left – Bottom right**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/e/7e7d0f4844e6995f7a7fc6551e5e7c6acbf6314b.jpeg)

Use this code to Custom CSS

```auto
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    bottom: 0px !important;
    top: unset !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/6/a6863d7bf2a0b20119439dbe588057571b38e5e2.png)

**#3. Top Left**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/f/2fdda9197310735ded60e2a12520eb1cb13be786.jpeg)

Use this code to Custom CSS

```auto
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    top: 30px !important;
}
.sqs-gallery-controls .next {
    right: unset !important;
    left: 45px;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/8/58f8f805adb2d30a9cf8d210265fea819bc1f5a6.png)

**#4. Top Right**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/1/61bd20c2535488a7b9eeede7f59956ea48585c30.jpeg)

Use this code to Custom CSS

```auto
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    top: 30px !important;
}
.sqs-gallery-controls .previous {
    left: unset !important;
    right: 45px;
}

```

**#5. Bottom Right**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/6/06c7510c3488a3b820679b557acafbe785ae8e54.jpeg)

Use this code to Custom CSS

```auto
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    top: unset !important;
    bottom: 0 !important;
}
.sqs-gallery-controls .previous {
    left: unset !important;
    right: 45px;
}

```

**#6. Bottom Left**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/e/fe1b044ccdf5859a31c034bf08db8cdcab71fe26.jpeg)

Use this code to Custom CSS

```auto
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
    top: unset !important;
    bottom: 0 !important;
}
.sqs-gallery-controls .next {
    right: unset !important;
    left: 45px;
}

```

---

<div class="post-metadata">

**Author:** ![romano97002](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/romano97002/32/95751_2.png) [@romano97002](https://community.elfsight.com/u/romano97002)\
**Post date:** [March 2, 2025, 12:00pm UTC](https://community.elfsight.com/t/squarespace-change-gallery-block-carousel-arrow-position/104498/2 "2025-03-02T12:00:15Z")

</div>

@tuanphan,

❤ ❤ ❤