The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Shortcodes Ultimate
Accordion Content Hidden In Print Preview (1 post)

  1. Dave
    Posted 2 years 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>

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


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Shortcodes Ultimate
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic