Bricks Version: 1.4 Browser: Chrome 92 OS: Windows I wanted to change accordion icon and expand icon from default right and down arrow to something else in general theme style. Although options are available including upload svg but after uploading svg or selecting another icon from integrated l…

Hi Sharif, Thanks so much for your report! I was able to reproduce the issue and added it to our bug tracker. Best regards, timmse

Should have been fixed in the latest 1.5 RC :partying_face: BUT you have to click the little “Reload canvas” icon in the builder toolbar after changing the Accordion icons in the theme styles, as they are technically not styles, but actual HTML.

I see that accordion icon and icon expanded are still hard coded in theme style and if I change them to svgs and add accordion to a template they are not visible and default arrows icons appear. If we add accordion to a template then we can change its icons to svgs individually for each accordion b…

Reload Canvas did not solve the problem.

Did you remove the “Icons” set on the Accordion itself? Cause those will precede the theme style settings. It works for me as shown in the following screenshot: [Screenshot 2022-08-05 at 18.01.35]

OK. Got it. I thought icons are defined in theme style and when I change them, they will be changed sitewide but did not realize that everytime I add accordion it has some predifined styles which do not inherit from theme style. I removed them and probelem resolved. Regards,

Hi @Thomas , Sorry for answering this old thread but I had the same problem so I thought I’d write it here. I have added a nestable accordion to my website. Then, I edited the site theme style to the following: [Screenshot 2024-01-18 at 23.03.35] I have removed the current default icon, as well …

The theme style settings under “Element - Accordion” only apply to the “Accordion” element, not the " Accordion (Nestable)".

So, in this case, the only way to have an arrow icon that moves down when being extended is to use custom code?

[image] WIP: Accordion (nestable) icon on expanded Bugs easy way !! add 2 icons and add class: icon-1 , icon-2 add custom style to Accordion (Nestable) %root% .icon-2 {display:none} %root% .brx-open .icon-2 {display:inline-block} %root% .brx-open .icon-1 {display:none…

SOLVED: Accordion element icon and icon expanded are hard coded

Bugs

clickfusion63 January 19, 2024, 9:13am 11