Roy Ho

When you upload an image, you can use the WP native editor to crop the image how you like it. Have you tried that?

If it ended up in top right of page it means you didn’t do exactly what I told you to do.

To summarize, the container of the element you want on top of must be of relative position and the element that you want at the corner must be absolute position and it has to come after the element you want on top in the dom.

li.product has to have the CSS of position:relative and as for your code, you’re missing position:absolute;

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

remove_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );

remove_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );

Put these in your theme’s functions.php file.

If you have indeed fixed all errors and it still doesn’t work, I would suggest you switch to 2012 theme and re-test.

Please look more carefully, you still have errors. This is one of them.

NetworkError: 404 Not Found - http://konjohair.co.il/wp-content/themes/xing/js/add-to-cart-variation.js?ver=1.0"

You should first fix your JS errors issue on your product page. I see several errors there. You can see it yourself by using the browser console with Chrome dev tools or firebug.