Style 🖌

In the carousel theme, there are two arrows in the flow. If you want, you can easily edit the arrows and make the Flow look more minimalist and 'clean'. 

To achieve this effect, paste this CSS code in your 'Custom CSS' in Setup & Styling:

.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;
}

Colors 🎨

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

.bzfy-feed-gate-control {

background-color: #FFF !important;

}

.bzfy-icon polygon {

fill: #46adb8 !important;

}


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


Did this answer your question?