How to change colour of arrow indicator on Accordion element

[core365]

Hi, I’ve been using the Accordion element and would like to change the colour of the arrow indicator that’s to the left of the heading. I’ve tried the following CSS but it doesn’t work!

.x-acc-header-indicator {
color: #b3d455 !important;
}

I’ll be grateful if you can help out! I’ll put the page URL in a secure note.

Thanks!

[Prasant]

Hello @core365,

Thanks for asking.

There is no need to use custom CSS to change Accordion Indicator color. You can change the color within Accordion element from Accordion > Header > Header Indicator setup. To help you further I have recorded a screencast that you can take a look. https://cl.ly/3b2X1Z0o2H39

Hope that helps.

Thanks.

[core365]

Hi, I didn’t realise those options were already available, doh! Many thanks for doing the screencast, it’s much appreciated!

Thanks!

[jade]

Hi there,

No worries. There are lots of styling options readily available for V2 elements that you can use.

You will just have to check the settings options of the elements.