Configure Accordion headings using CSS editor

[vegard.grutle]

Hi!

Is there an easy way to configure accordion headings using CSS editor?

Thanks!

[Nikita Kurguzov]

Hello, Vegard!

If you only need to change colors, it is preferable to use inbuilt Layout settings of Accordion.

Accordion Layout.png (5.14 KiB) Viewed 3714 times

But if you absolutely have to use CSS, you can use classes to select parts you want to change, for example:

Code: Select all

.ui-accordion-header{
	background: blue;
	color: white;
}
.ui-accordion-header-active{
	background: red;
}

All these classes can be seen in the Source Code of the Form when you open it. You can also use Inspector to select certain parts you want to change and look up the classes you need to use for that.

Accordion Inspector.png (67.27 KiB) Viewed 3714 times

[vegard.grutle]

Hi, again!

Obviously, I need to update to the latest version

Thansk!