how to change organic-arrow-color ? please guide

[Umad Ahmad]

I am using your nice component like this
<AwesomeSlider style={{ maxWidth: 200, maxHeight: 200, }} infinite={false} > {state?.images.map((img) => ( <div> <img src={img} /> {/* <h1>1</h1> */} </div> ))} </AwesomeSlider>

please guide me how to change organic-arrow-color

[Gonzalo Garcia Martinez]

Hello

The only way I could change it is overwriting these classes. Hope this helps

.awssld__controls__arrow-right::before{
background-color: var(--primary-highlight-color)!important;
}

.awssld__controls__arrow-right::after{
background-color: var(--primary-highlight-color)!important;
}

.awssld__controls__arrow-left::before{
background-color: var(--primary-highlight-color)!important;
}

.awssld__controls__arrow-left::after{
background-color: var(--primary-highlight-color)!important;
}

Actually, you can ignore the !important