---
title: "Edit arrow buttons in your Carousel Flow"
url: "https://kb.getflowbox.com/en/article/edit-arrow-buttons-in-your-carousel-flow"
language: "en"
last_updated: "2026-03-27T15:36:30.147Z"
---

# Edit arrow buttons in your Carousel Flow

Easy and quick design fixes

![](https://cdn-assets.productfruits.com/38decdac-88b0-4a61-8f5b-35fa649e4bf7)

The Carousel Theme has 2 arrow buttons to scroll through the content. It's possible to edit them to make them more minimalist, or to adapt them your site's look and feel:

![](https://cdn-assets.productfruits.com/8666ce53-f5bd-4fe9-a84d-6eb6b2d8dba5)

To achieve this effect, paste this CSS code in the "CSS" section of the Flow's Styling Settings:

```
.bzfy-t-feed-carousel .bzfy-c-carousel-control {  
  background-color: transparent !important;  
}  
  
.bzfy-t-feed-carousel .bzfy-c-carousel-control svg {  
  max-width: 2em;  
  max-height: 2em;  
}  
  
.bzfy-t-feed-carousel .bzfy-c-carousel-control polygon {  
  fill: #000;  
}  
  
.bzfy-t-feed-carousel .bzfy-c-carousel-control polygon:hover {  
  fill: #000;  
}
```

If you want to customize the color of the arrows, you can add this CSS code:

```
.bzfy-feed-gate-control {  
  background-color: #FFF !important;  
}  
  
.bzfy-icon polygon {  
  fill: #46adb8 !important;  
}
```

Change '#46adb8' to the hex color code that you want. In this example it's turquoise.

![](https://cdn-assets.productfruits.com/95a9bc00-aa3a-45fd-9511-2169c005fc0e)

​