Printing Content from Multiple Target IDs

try correct syntax regarding the use of quotes:
[print-me target=”#listing_tab_site-info-general, #listing_tab_site-info-detailed, #listing_tab_site-info-housing-community”/]
(extra double-quote after #listing_tab_site-info-general )

• This reply was modified 2 years, 5 months ago by twinpictures.

Thanks for your reply…I tried with the given syntax and still got the same result. What’s interesting is that if I call for just the first tab [print-me target=”#listing_tab_site-info-general”/] it prints just that section, which nothing seems to be wrong. If I do the same with the 2nd tab [print-me target=”#listing_tab_site-detailed”/] it is blank. If I try the 3rd tab [print-me target=”#listing_tab_site-housing-community”/] it is also blank…which I’m not sure what to make of that, other than the fact that it doesn’t seem to be a problem of having multiple tabs being called out. Could it be because the print icon is located on the first tab, preventing it from printing the other 2 tabs??

ok, the issue is probably that the content of the 2nd and 3rd tabs are hidden when the first tab is visible. So yes, the content is being printed, but the CSS is hiding the content. Try adding the following to the plugin’s option page under Print CSS:

#listing_tab_site-detailed, #listing_tab_site-housing-community {
    display: visible;
}

if that still does not work, try adding the !important property:
display: visible !important;

THanks for the reply. Unfortunately, neither of those worked. I tried putting both variations (with and without the !important) in both the “Custom Style” section as well as the “Custom Print Page Style” section. What about putting it in the Theme’s custom CSS section?

ok, it seems that your theme’s CSS is actually hiding an element with a class of .listing-tab

Try changing the plugin options print CSS to:

.listing-tab {
    display: visible;
}

If you want to add this to your theme’s css, it must be wrapped using @media print like so:

@media print {
    .listing-tab {
        display: visible;
     }
}

Best of luck!

is this in addition to the previous code?

Unfortunately, I’m getting the same results. Also tried putting the “!important” in the Theme’s CSS code.

Try and find out. You see, we are trying to support you by letting you know what the issue is. The issue is that the CSS of your theme is hiding non-active tabs. if you want these hidden tabs to magically be visible when printing, there is CSS that can be defined just for the print using @medai print.

If you need support for your theme, we recommend you reach out to the theme developers.
If you require advanced CSS support, this is beyond the scope of supporting our free plugin. However, we do offer a very high level of personal support with our pro plugin. Print-Pro-Matic.

I see. Will try and work on it.