Accordion Titles in CAPS

[justjane]

Hi.

Can’t figure out how to change the accordion titles from all caps to regular.

https://enhancementsbyann.com/x/#/content/68/inspector

[mldarshana]

Hi There,

Thanks for writing in! Please try adding the following CSS rule into your page’s custom CSS area or your Theme Options > Global CSS area.

.x-accordion-heading .x-accordion-toggle {
    text-transform: none;
}

Hope that helps.

[justjane]

@mldarshana

.x-accordion-heading .x-accordion-toggle {
text-transform: none;
}

Thanks! Worked perfectly.
Can you give me the css to change the little drop down arrows just before the accordion header text?

[mldarshana]

Hi There,

Glad it works for you.

To change the icon, you can use the following CSS rule.

.x-accordion-heading .x-accordion-toggle::before {
    content: "\f13a";
}

This part of the code f13a you can find from the following link (https://fontawesome.com/cheatsheet).

Hope that helps.

[justjane]

perfecto!!! Thanks so much.

[friech]

We are delighted to assist you with this.

Cheers!