Remove Save Button?

Agreed, I don’t want the save button because it is ugly. were you able to remove it?

Removing the save button is not presently supported.

I’ve tried to remove the save button with some CSS but it ends up hiding the whole recipe card.

Even editing the PHP code and removing the save buttom HTML elements seems to break it.

So bizarre, any ideas?

To hide the Save button, add this to your site’s CSS:

.blog-yumprint-recipe .blog-yumprint-save {
    display: none;
}

.blog-yumprint-recipe .blog-yumprint-print {
    margin-left: 0;
}

Enchiridion, your CSS code does not work for me.

No matter what I try. Every time I make disappear the button, the complete recipe disappears. They have some control in the code?

In fact there is a control: at post.js file.

var e=a.find(“.blog-yumprint-save”);if(!e.length||!e.is(“:visible”)||”hidden”==e.css(“visibility”)
… AND SO ON

What does that mean? If it finds you’re trying to hide the “save button” it will remove the whole recipe (by “{a.remove();return}”)

Maybe the easiest way to achieve what you all are looking for is:

1. edit post.js
2. search for the control line (var e=a.find(“.blog-yumprint-save”) … )
3. in that control line, replace “hidden” for “whatever” or whatever you want (the goal is to avoid the “hidden” check control)
4. edit yumprint-recipe.php
5. search for <div class=”blog-yumprint-save blog-yumprint-action”>
6. replace it for <div class=”blog-yumprint-save blog-yumprint-action” style=”visibility: hidden”>

??

P.S: Yumprint, please don’t get too angry

entresijo you are a genius! I was trying to work out why the whole recipe would disappear when I hid the button with CSS. Thanks for the solution!!

Hi,

Well @tabboy and @webdotcom, there’s another way you can hide the “Save Recipe” button from the card. With all due respect, @entresijo your idea is great, but it requires one to tinker with the core files of the plugin, which is not a safe thing to do specially when you need to take care of the plugin updates that would bring up the issue again.

So, here’s another way you can do this, without modifying the core files. Just add the following to your functions.php:

add_action('wp_head', 'hide_yumprint_save');
function hide_yumprint_save(){
	?>
		<script type="text/javascript">
			$j=jQuery.noConflict();
			$j( document ).ready(function() {
				$j('.blog-yumprint-save.blog-yumprint-action, .blog-yumprint-save.blog-yumprint-action a').css({
					"text-indent":"-9999px",
					"background":"transparent",
					"padding-left":"1px",
					"height":"1px",
					"width":"1px",
				});
			});
		</script>
	<?php
}

You can then use CSS to move the print button to the left (or anywhere as needed).

@shivanand Binary Turf
Thank u useful