SOLVED: Accordion styling issue in a section template with external CSS

Bricks Version:
Browser: Chrome
OS: Windows


When using accordion element in a section template, toggles are not correctly rendered on frontend with external CSS activated:

  • a bullet appears before title
  • both “expand” icons are displayed and at the wrong place (below the title)
  • all items are expanded at page load
  • there is no spacing between items

NOTE: When I add another accordion somewhere on the page but NOT in a template, all accordions are correctly rendered, including the one in the template.

Hi Yan,
Thanks so much for your report!

Yep, we encountered the bug a few days ago and it should be fixed in 1.5beta. Can you please test it again and let us know?

Best regards,

Sorry, same with 1.5b.

Hey Yan, I know what it is :slight_smile:

Can you please try to disable WP REST API Render in Bricks » Settings » Builder and see if the template renders correctly on the canvas?

YES :slight_smile:
It’s OK in the canvas, but still no style on frontend.

Would you be so kind as to send temporary login credentials and a link to this thread to using the email address you used during the purchase?

Hey Yan,
Thanks for the access data!

Problem detected and confirmed! I changed your styles to inline styles which solve the problem temporarily.

In my dev version everything already works without problems (see screenshot).

Best regards,

1 Like

Hey @yankiara,

Just checking if you had the chance to test this with Bricks 1.5RC?

In the meantime, we released 1.5RC2 which is now available for manual download from your account page.

If the fix isn’t working as expected, please let me know here.

Thank you!

1 Like

Couldn’t test with RC but I can confirm it is fixed in RC2 :slight_smile:
Thanks a lot!

1 Like