Hiding Style Intended for Web Output in Print Output

[JenniferR]

Hi,
I'm creating a guide that I need to produce print and web output for. I wasn't happy with the way the end of my web topics were looking, so I decided to add a p.EndOfTopic style that I use to create padding at the end of each topic. I created it in the non-print medium. I've verified that the margin-bottom for the non-print medium is set to 30pt. When I look at p.EndOfTopic in the print medium the margin-bottom property is set to 2pt. However, when I generate the PDF, I get a huge space between "topics" in my PDF.

I'm sure that the stylesheet medium in the PDF target is set to "print". However, I still see a the big space between topics.

Will I have to use conditional text to keep the web styles from invading the PDF output, or is there an easier way?

Thank you,

[LTinker68]

Any complex selectors in your stylesheet that could be inheriting some of that spacing?

[JenniferR]

Hi Lisa,
I have ol ol, ul ul, etc. complex selectors. I'm not using them in this project. I'm using p.Bulleted for my lists. How can I tell if the complex selectors are interfering?

[Andrew]

Is there a reason you're not using display:none to hide the p.EndOfTopic in your print medium? Does it contain some text or something you do not want to lose?

[JenniferR]

Hi Andrew,
There's no reason that I'm not using display: none other than it didn't occur to me? Is that a property in the stylesheet?

[Andrew]

Hi Andrew,
There's no reason that I'm not using display: none other than it didn't occur to me? Is that a property in the stylesheet?

Excellent! That (hopefully) makes this easy. Yes, you can find it in the stylesheet if you open it in Flare, set it to Show: Property Groups (that's the drop-down in the upper-right corner of the StyleSheet Editor's Advanced View), and look for the "display" property in the Block group.

Hope that helps,
Andrew

[JenniferR]

Andrew,
Amazing! That did the trick. Thank you so much for the suggestion.