Accordion Content Hidden In Print Preview

  • Dave

    (@csn123)


    9 years, 11 months ago

    I have noticed that content inside an accordion shortcode is hidden when viewing my page in Print Preview. I have tried using this media query to override the built-in CSS:

    @media not screen {
.su-accordion > *{display:block !important;}
}

    Looking at the code that is displayed on my site I think it is the style=”display:none” element hard coded into the HTML that is stopping the above CSS code from working:

    <div class="su-accordion">
<div class="su-spoiler su-spoiler-style-default su-spoiler-icon-plus-circle su-spoiler-closed"><div class="su-spoiler-title"><span class="su-spoiler-icon"></span>Spoiler title</div><div class="su-spoiler-content su-clearfix" style="display:none"> Spoiler content </div></div>
</div>

    Is there a way to force ALL content held inside any accordion shortcode to be visible in Print Preview mode?

    https://wordpress.org/plugins/shortcodes-ultimate/

  • The topic ‘Accordion Content Hidden In Print Preview’ is closed to new replies.