Hiding some details from a Gravity Form

[frankjenex]

I realize this may be out of your scope – but wondering if there is anyway to hide two items that are showing up from a Gravity Forms Product Add-on plugin.
We use Gravity Forms to calculate pricing and it shows up “Base Price” and “Discount” at bottom of order page. We would like to hide these two elements and Gravity Forms support is telling us the following:

Excerpt from Gravity Forms Support: “If you hide the products on your page, they will no longer be added to the total. Do you need these products to later be added to the total before the form is submitted? If so, you will have to ‘hide’ them with CSS, making the text small and white on white, or positioning it off screen or some other hack like that. They need to be visible (eg you can’t use “display:none;” on the fields) for them to be included in the total for the form submission.”

Is it possible to make this text very small and white and locate it at very bottom of order page?
Any insight would be helpful. thanks.
Frank

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.gfield_calculation{display:none !important;}
Thanks 🙂
With Best Regards
Mohammad

[frankjenex]

thanks Mohammad – but, unfortunately, that did not work. It actually prevented the calculations from computing – all the orders where starting at $0. Is there any custom code that can force just those two items to be shown as white and perhaps very small – so they don’t take up space.
Thanks.
Frank

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.gfield_calculation{font-size:10px !important;}
.gfield_calculation label.gfield_label{font-size:10px !important;}
.gform_wrapper .gform_footer{margin:0px !important;padding:0px !important;}

Thanks 🙂
With Best Regards
Mohammad

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.gfield_calculation{font-size:10px !important;}
.gfield_calculation label.gfield_label{font-size:10px !important;}
.gform_wrapper .gform_footer{margin:0px !important;padding:0px !important;}

Thanks 🙂
With Best Regards
Mohammad

[frankjenex]

that made the text smaller – but still visible –
is it possible to make it invisible – by forcing it to be the same color as background.
Also – it would be great to force it all onto one or two lines so it takes up less space.
see this link: https://thikit.com/product/painted-edge-business-cards/
(also attached screen shot).

do you guys have a corporate office- i want to send you a gift for all your help with custom css work?

-Frank

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.gfield_calculation .ginput_container{float: right;margin-top: 6px;width: 290px;}

OR

.gfield_calculation{visibility:hidden !important;}
.product_totals{visibility:hidden !important;}
.single-product .yith-wcwl-add-to-wishlist{margin-top:-90px !important;margin-left:179px !important;}

Thanks 🙂
With Best Regards
Mohammad

[frankjenex]

First bit of code you sent – helped by moving the text pieces to one line.
Second bit of code you sent made the text disappear but it also made the “Total” and “Add to Shopping Bag” button disappear. If there is a way to force the color of the two bits of text (Base Price and Discount) to white so it blends with the background – that would be great.
see screen shots for visual explanation.
-Frank

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-product .yith-wcwl-add-to-wishlist{margin-top:-90px !important;margin-left:179px !important;}
single-product button#gform_submit_button_100{margin-top:-90px !important;}
.ginput_product_price_label{color:#fff !important;}
.ginput_product_price{color:#fff !important;}
.gfield_calculation label.gfield_label{color:#fff !important;}

Thanks

[frankjenex]

Thanks Mohammad- it is getting very close. See screen shot.
The Add to wishlist button is sitting above the Add to Shopping Bag – in line with Total.
Can we get it to line up with Add to Shopping Bag?

Here is all the custom CSS that i have in there for this item:

.gfield_calculation{font-size:10px !important;}
.gfield_calculation label.gfield_label{font-size:10px !important;}
.gform_wrapper .gform_footer{margin:0px !important;padding:0px !important;}

.gfield_calculation .ginput_container{float: right;margin-top: 6px;width: 290px;}

.single-product .yith-wcwl-add-to-wishlist{margin-top:-90px !important;margin-left:179px !important;}
single-product button#gform_submit_button_100{margin-top:-90px !important;}
.ginput_product_price_label{color:#fff !important;}
.ginput_product_price{color:#fff !important;}
.gfield_calculation label.gfield_label{color:#fff !important;}

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove this code:

.single-product .yith-wcwl-add-to-wishlist{margin-top:-90px !important;margin-left:179px !important;}
single-product button#gform_submit_button_100{margin-top:-90px !important;}

Thanks 🙂
With Best Regards
Mohammad

[frankjenex]

thanks so much Mohammad – it worked.
Can i ask you one last question on this topic -is it possible to change “Add to Shopping Bag” to “Add to Cart”? We are a print company and add to shopping bag doesn’t make a lot of sense given the nature of our business. Thanks very much for all your great help.
-Frank

[Mohammad – SUPPORT]

Hi,
Add the following to your functions.php file of your theme.

add_filter( 'add_to_cart_text', 'woo_custom_cart_button_text' ); // < 2.1
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); // 2.1 +
function woo_custom_cart_button_text() {
return __( 'Add to Cart', 'woocommerce' );
}

Thanks 🙂
With Best Regards
Mohammad

[frankjenex]

Mohammad – to change “Add to Shopping Bag” to “Add to Cart” you sent me this CSS to put in functions.php – but i don’t know where i should put it in the code. I tried a few places, but it did not work.
Thanks.
-Frank

[Mohammad – SUPPORT]

Hi,
That is php code not a css code. YOu should insert at end of functions.php file just before php closing tag ?>.

Thanks