[Corinne MParticipant]

Hello we have tested the print css code and we need to print the accordions and tabs as all open rather than closed so the titles and the content are printed. Are you able to kindly inform of the print media css code to ensure when printing all the content information in the tabs and accordions are printed instead of the titles only.

Thank you again

[RadModerator]

Hi there,

Thanks for posting in.

Add this css at your customizer’s custom css.

@media print {
.accordion-body {
height: auto !important;
}
}

Hope this helps 🙂

[Corinne MParticipant]

Thank you but unfortunately the above did not work. We are using ethos. Dose that make a difference?, Also what would it be for tabs aswell.

Thanks you 🙂

[ChristianModerator]

Hey Corinne,

Please add the code below in the Appearance > Customize > Custom > CSS

@media print {
    .accordion-body {
        display: block !important;
    }
}

Hope that helps. 🙂

[traceycameronParticipant]

Hello,

This works for accordions but not tabs. Could you please clarify what the class is that will make tabs show all content when printed.

Cheers,
Tracey

[Paul RModerator]

Hi Tracey,

For tabs, you can add this under Custom > CSS in the Customizer.

@media print {
.x-tab-content>.x-tab-pane {
  display: block;
}
}

Hope that helps.

[Author]

Posts