How to print accordion expanded

Beaver Builder
1

I’m using the accordion module for a FAQ page on my site. When the page is printed (which some of my visitors may want to do since it’s an event-related FAQ), I’d like all the accordion items to print expanded, so people can see the questions and answers, not just the questions.

Is there a way to do this with CSS?

I.e. something like this:

@media print {
???
}

2

Hi Steve,

Unfortunately, you are not able to change how the site looks on print media via BB. You’re gonna have to write your own CSS for it. Check Robby’s reply below.

Thanks,
Danny

3

I figured it out. This code works:

@media print {
div.fl-accordion-content {
display: block;
}
}

4

Hi Steven,

Happy to hear you have resolved your issue and thanks for sharing the code. We appreciate it.

Thanks,
Danny