Customizing the prev/next elements

Hello @drlightman at the moment, the carousel uses very minimal styling and does not have options to change the buttons. Custom CSS can be easily used to change the buttons.

I concur with the above. Making some simple changes to the plugin to allow styling of the arrows/dots would be a huge improvement. If nothing else, use some nicer ascii arrows.

.wp-block-cb-carousel .slick-next:before, 
.wp-block-cb-carousel .slick-prev:before {
  color: #fff !important;
  font-size: 75px !important;
}
.slick-next::before {
  content: '?';
}
.slick-prev::before {
  content: '?';
}

• This reply was modified 2 years, 3 months ago by e dev.
• This reply was modified 2 years, 3 months ago by e dev.
• This reply was modified 2 years, 3 months ago by e dev.
• This reply was modified 2 years, 3 months ago by e dev.

Hi @efishinsea

Thanks for your reply, that just helped me a lot.

I would love to change the arrow to https://fontawesome.com/icons/chevron-left?s=solid&f=classic and then similar to the other one.

Tried this, no luck so far. Any ideas?

.slick-next::before {
  content: '\f053';
}

Thanks,
Michael

Thanks! I’m also trying to change the arrow to a custom svg. Did you have any luck with it?