Print My Blog’s CSS Classes

Print My Blog (PMB) Pro’s CSS classes are used to give content a special design in your projects.

In WordPress’ Block Editor (Gutenberg), to add a CSS class onto any block,

  1. Click on a block
  2. On the righthand “Settings” page, click “Advanced”
  3. Under “Additional CSS class(es)” add any CSS classes

If you want to add more than one, just separate them with a space.

pmb-no-break

Instructs PMB to avoid a pagebreak inside this element. Eg, you might want to use this to keep a paragraph of text all on one page, rather than having it split across two.

pmb-print-only

Only shows the element in a PMB quick print or PMB project, not when viewing on the frontend of your website. Eg, you might use this for text or an image that’s unnecessary on the frontend of your website, but helpful in a PDF or other format of project.

pmb-screen-only

Only shows the element on the frontend of your website, not when in a PMB quick print or PMB project. Eg, interactive content like a video or a form probably only makes sense to view on the website, but not in a PDF.

pmb-float-top

Makes the element float to the top of the page. Useful if you want an image or a line of text to always appear at the top of the page (but not quite in the top margin).

pmb-float-bottom

Makes the element float to the bottom of the page. Useful if you want an image or text to always appear at the bottom of a page (but not quite in the bottom margin).