Carousel Control Icon


How can I customize the best way the Size, Color and/or Shape of the Previous/Next icones?

Can we do it only with the custom CSS?


You can go into the span where the icon is and delete the icon. Add a new icon and pick what you want for your icon. The colour and size can be altered from the svg class

svg:hover {
color: #22a3dd;

svg {
font-size: 38px;
color: #b2b2b2;

You can also add your own image in the span. For example add a div and style it with a sized background image then change the background image to an alternate image on hover. Seems like it’s the span which controls the next/previous actions.

1 Like

Perfect! Awsome, thank you! I opted for “fa fa-chevron-left” and right!