# Rounded Corners on Before-And-After Slider

**URL:** <https://community.elfsight.com/t/rounded-corners-on-before-and-after-slider/40407>\
**Category:** General Questions\
**Tags:** before-after-slider\
**Created:** [February 10, 2024, 2:12pm UTC](https://community.elfsight.com/t/rounded-corners-on-before-and-after-slider/40407 "2024-02-10T14:12:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Steve\_Bowles](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/steve_bowles/32/9594_2.png) [@Steve\_Bowles](https://community.elfsight.com/u/Steve_Bowles)\
**Post date:** [February 10, 2024, 2:12pm UTC](https://community.elfsight.com/t/rounded-corners-on-before-and-after-slider/40407/1 "2024-02-10T14:12:06Z")

</div>

Hi Guys, does anyone know correct CSS code to use to out round corners on the images on the before and after slider?

Thanks,  
Steve

---

<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:** [February 11, 2024, 5:17am UTC](https://community.elfsight.com/t/rounded-corners-on-before-and-after-slider/40407/2 "2024-02-11T05:17:11Z")

</div>

You can use this CSS code

```auto
[class*="PairSliderPicture"] {
    border-radius: 30px;
}

```

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

---

<div class="post-metadata">

**Author:** ![Steve\_Bowles](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/steve_bowles/32/9594_2.png) [@Steve\_Bowles](https://community.elfsight.com/u/Steve_Bowles)\
**Post date:** [February 11, 2024, 8:39am UTC](https://community.elfsight.com/t/rounded-corners-on-before-and-after-slider/40407/3 "2024-02-11T08:39:15Z")

</div>

Perfect! Works like a dream.

Many thanks Tuanphan 👏 🙏 👍

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 12, 2024, 11:07am UTC](https://community.elfsight.com/t/rounded-corners-on-before-and-after-slider/40407/4 "2024-02-12T11:07:33Z")

</div>

Hi @Steve_Bowles and welcome to the Community 👋

That’s great that the code by Tuanphan did the trick! Thank you so much for your help @tuanphan

If any further questions come up, we are always here for you 🙂