you need to override their default styles using CSS. For the carousel buttons, target the .carousel-control-prev-icon
and .carousel-control-next-icon
classes—these use SVG background images by default, so you can either change the background-color
or remove the background image and use ::before
with custom content. For the back-to-top button, target the .scroll-top
class and set the desired background-color
and color
properties. Make sure your custom CSS is loaded after the template's main stylesheet to ensure it takes effect.