# (Squarespace) Change Gallery Block slideshow arrow position

**URL:** <https://community.elfsight.com/t/squarespace-change-gallery-block-slideshow-arrow-position/104497>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 2, 2025, 8:59am UTC](https://community.elfsight.com/t/squarespace-change-gallery-block-slideshow-arrow-position/104497 "2025-03-02T08:59:09Z")\
**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, 8:59am UTC](https://community.elfsight.com/t/squarespace-change-gallery-block-slideshow-arrow-position/104497/1 "2025-03-02T08:59:09Z")

</div>

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

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

**#1. Top Right**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/8/38e51986bd1148dc1fcfbfa163243eb1f27261bf.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
.sqs-gallery-block-slideshow { 
.sqs-gallery-controls .previous {
    left: unset;
    right: 8%;
}
.sqs-gallery-controls .next {
    right: 0;
    left: unset;
}
.sqs-gallery-controls a {
    top: 0 !important;
    margin-top: 10px !important;
    margin-right: 10px;
}
}

```

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

**#2. Top Left**

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

Use this code to Custom CSS

```auto
.sqs-gallery-block-slideshow { 
.sqs-gallery-controls .previous {
    left: 0;
}
.sqs-gallery-controls .next {
    right: unset;
    left: 10%;
}
.sqs-gallery-controls a {
    top: 0 !important;
    margin-top: 10px !important;
    margin-left: 10px;
}
}

```

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

**#3. Top Center**

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

Use this code to Custom CSS

```auto
.sqs-gallery-block-slideshow {
    .sqs-gallery-controls .previous {
        left: 43%;
}
     .sqs-gallery-controls .next {
        right: 43%; 
}
     .sqs-gallery-controls a {
        top: 0 !important;
        bottom: unset;
        margin-top: 20px;
}
}

```

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

**#4. Bottom Center**

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

Use this code to Custom CSS

```auto
.sqs-gallery-block-slideshow {
    .sqs-gallery-controls .previous {
        left: 43%;
}
     .sqs-gallery-controls .next {
        right: 43%; 
}
     .sqs-gallery-controls a {
        top: unset !important;
        bottom: 0;
        margin-bottom: 10px !important;
        margin-left: 10px;
}
}

```

**#5. Bottom Right**

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

Use this code to Custom CSS

```auto
.sqs-gallery-block-slideshow { 
.sqs-gallery-controls .previous {
    left: unset;
    right: 8%;
}
.sqs-gallery-controls .next {
    right: 0;
    left: unset;
}
.sqs-gallery-controls a {
    top: unset !important;
    bottom: 0;
    margin-bottom: 10px !important;
    margin-right: 10px;
}
}

```

**#6. Bottom left**

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

Use this code to Custom CSS

```auto
.sqs-gallery-block-slideshow {
    .sqs-gallery-controls .previous {
        left: 0;
}
     .sqs-gallery-controls .next {
        right: unset;
        left: 10%;
}
     .sqs-gallery-controls a {
        top: unset !important;
        bottom: 0;
        margin-bottom: 10px !important;
        margin-left: 10px;
}
}

```

---

<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-slideshow-arrow-position/104497/2 "2025-03-02T12:00:05Z")

</div>

@tuanphan,

❤ ❤ ❤