Title: Plugin does not print an element
Last modified: July 7, 2022

---

# Plugin does not print an element

 *  [valentinteruggi](https://wordpress.org/support/users/valentinteruggi/)
 * (@valentinteruggi)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/plugin-does-not-print-an-element/)
 * Hi,
 * I need help with this plugin. We have a questionnaire and based on the answers
   we show a report that can be printed as well. The problem is that if you check
   the report, there are progress bars that are not being printed. (click on the
   print button)
 * You can go to this link: [http://es-prof.delta-cloud.com/self-assessment-tools/](http://es-prof.delta-cloud.com/self-assessment-tools/)
   and start any self-assignment, and the report with the button to print will show
   up at the end. The problem is that the report is printed but not the “progress
   bars”.
 * I have this custom code:
 *     ```
       @page {
           size: A4;
           margin: 1cm 1.5cm 1.5cm 1.5cm;
       }
       #assess-report-wrapper {
       	display: block;
       	background-color: transparent;
       	padding: 0;
       }
       #assess-report-wrapper div, #shortsummary {
       	display: block;
       }
       .elementor-widget-container h3{
       	margin-top: 100px;
       }
   
       #assess-report-wrapper .elementor-column .elementor-widget-wrap {
       	padding: 0;
       }
       #assess-report-wrapper .list-box-wrapper h3:before {
       	content: " ";
           display: inline-block;
           vertical-align: top;
           border-top: 10px solid transparent;
           border-bottom: 10px solid transparent;
           border-left: 18px solid #111111;
           margin-right: 10px;
       }
       #assess-report-wrapper ul li, .bar-list-item {
       	display: block;
       	break-inside: avoid;
        	page-break-inside: avoid;
       } 
       #assess-report-wrapper ul li .elementor-icon-list-text {
       	padding-left: 0!important;
       }
       #bar-graph-head {
       	padding-bottom: 10px;
       }
       #bar-graph-head, .bar-list-item {
       	padding-right: 0;
       	padding-left: 0;
       }
       .detailedReport .elementor-container {
       	display: flex!important;
       	align-items: center;
       	justify-content: space-between;
       }
       .bar-list-item .elementor-container {
       	display: flex!important;
       	align-items: flex-start;
       	justify-content: space-between;
       }
       .detailedReport .elementor-container .elementor-column:first-child, .bar-list-item .elementor-container .elementor-column:first-child {
       	width: 50%;
       }
       .detailedReport .elementor-container .elementor-column:last-child, .bar-list-item .elementor-container .elementor-column:last-child {
       	width: 45%;
       	text-align: right;
       }
       .bar-list-item .elementor-progress-bar[data-width="20%"] {
         	width: 20%;
       }
       .bar-list-item .elementor-progress-bar[data-width="40%"] {
       	width: 40%;
       }
       .bar-list-item .elementor-progress-bar[data-width="60%"] {
       	width: 60%;
       }
       .bar-list-item .elementor-progress-bar[data-width="80%"] {
       	width: 80%;
       }
       .bar-list-item .elementor-progress-bar[data-width="100%"] {
       	width: 100%;
       }
   
       .hide-in-print, .report-message-wrapper, .elementor-icon-list-icon, .elementor-progress-text, .assess-again-btn, #masthead, #colophon, #showdetails, .linkbestcompetency, .linkworstcompetency {
       	display: none!important;
       }
       ```
   
 * Please Help
    Thanks.
    -  This topic was modified 3 years, 11 months ago by [valentinteruggi](https://wordpress.org/support/users/valentinteruggi/).
    -  This topic was modified 3 years, 11 months ago by [valentinteruggi](https://wordpress.org/support/users/valentinteruggi/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fplugin-does-not-print-an-element%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [twinpictures](https://wordpress.org/support/users/twinpictures/)
 * (@twinpictures)
 * [3 years, 11 months ago](https://wordpress.org/support/topic/plugin-does-not-print-an-element/#post-15822953)
 * > there are progress bars that are not being printed
 * The progress bar element is coming from the plugin:
    [https://mondula.com/multi-step-form/](https://mondula.com/multi-step-form/)
   This plugin has CSS that controls how it is to be printed at various widths. 
   You can see this by changing the size of the browser window.
 * However the print css is forcing a width that triggers this stacked progress 
   bar.
    As the CSS posted above is quite involved, you might want to override the
   responsive sizing for your [@media](https://wordpress.org/support/users/media/)
   print CSS.
 * It’s a bit advanced, and goes beyond the scope of support for our free plugin.
   You might reach out to the multi-step-form plugin devs, as it’s their css you’ll
   need to understand.

Viewing 1 replies (of 1 total)

The topic ‘Plugin does not print an element’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/print-o-matic_b2b2b2.svg)
 * [Print-O-Matic](https://wordpress.org/plugins/print-o-matic/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/print-o-matic/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/print-o-matic/)
 * [Active Topics](https://wordpress.org/support/plugin/print-o-matic/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/print-o-matic/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/print-o-matic/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [twinpictures](https://wordpress.org/support/users/twinpictures/)
 * Last activity: [3 years, 11 months ago](https://wordpress.org/support/topic/plugin-does-not-print-an-element/#post-15822953)
 * Status: not resolved