Print Recipe button
-
Hey guys! I’m new to CSS and trying to customize my blog. Is there an easy way to add a “Print Recipe” button for each of my posts? I’ve tried searching around but can’t find anything.
Thanks in advance!!
The blog I need help with is: (visible only to logged in users)
-
-
-
Found the button. Is there a way to change CSS to only print the recipe – rather than the whole post?
-
-
Also, this isn’t a CSS issue. The instructions of the Print button aren’t CSS-based at all, except in that it prints what’s in the Body of the post.
-
-
-
I see that you have changed “Share This” for “Print Recipe”, so maybe that’s what you meant (to rename the button). Nice website btw! The brown sugar toffee cake looks delicious :-)
In regards to your question about printing only the recipe and not the post too, I can think of two solutions:
a) your visitors could highlight the recipe and then press Ctrl+P (or go to File, Print) and select to print the “selection” instead of “all”
b) replace the print option with something like PrintFriendly.com, where users can remove items, like pictures or entire paragraphs, before printing. I chose that option for my blog.
-
Thanks airodyssey!! It’s soo good!
Thanks for the suggestions! I’ll check out the PrintFriendly.com option. I was just looking for an easy way that readers could print the recipe only and not the whole post.
- The topic ‘Print Recipe button’ is closed to new replies.