Recipe Printing Troubleshooting

Printing on the web is always a bit of a gamble, every theme and browser handles printing slightly different.

Recipe Kit tries to make it easy for your customers to specifically print the recipe card section; this works well most of the time, but occasionally you will encounter bugs.

Recipe Image / Text Overlay

When printing your recipe card out, your recipe ingredients/directions text may overlay on top of the recipe image. This is a relatively common issue; and while I will continue to work to fix it for all themes moving forward, in the meantime you can either reach out to the Recipe Kit support team or try pasting the following CSS into your theme's main CSS file.

/* Recipe Kit Printing Fix */
@media print {
  .rk_image {
    height: 350px !important;
    display: block !important;
    clear: both;
    max-height: 350px !important;
  }
}
/* End Recipe Kit Printing Fix */

Paste that in, save it, and then try printing your recipe card. That  should fix most of the theme issues, but in some cases, it needs further tweaks. Reach out to our support team, and we can help with this.