Hi, I'd like to be able to customise the colors of the buttons and indicators when using the Simple Slider component from the Media section.
I'm new to bootstrap and only have a basic understanding HTML and CSS.
The default buttons and indicators are currently blue - I can't workout if there is an overall bootstrap colour theme which applies to the whole site, or can I add some detail to the Simple-Slider.css? Or are they infact just images that I'd need to replace?
If you are new to HTML and CSS I suggest learning more about those subjects and learn to walk before trying to run.
If you can find out what css property is that's being used to style the controls you can copy that to your bespoke style sheet and change the hex value for the buttons to Color them differently.
After a bit more investigating I found some useful information here: https://github.com/nolimits4web/Swiper/issues/1280 there are built-in classes for white or black buttons.
So on the class name I added: swiper-button-white
The full Class Name being: swiper-button-next swiper-button-white and swiper-button-prev swiper-button-white
(or change white to black)
If you want to change to a different colour, or arrow style, you can swap out the .svg file that is used for one of your own by clicking on the slider arrow and changing Bg Image under Style Attribute in the Options window.
I have since realised that the Slider works with Javascript and double clicking the script in the Design window listed the address where the full details for the script can be found.
Chris, I'm not really sure, quite possibly. As you can tell, I don't entirely understand how everything works, but I do think some components are customised versions from an original source.