Hide Price Field

  • Profile Image
    Asked on December 08, 2020 at 11:42 PM

    I am attempting to have the third item listed on the screen shot (Additional Donation) have a box so that any donation can be added to the items ordered for a seamless checkout.

    Based on a previous helpdesk email response, I added the $1 price and the code listed on the screenshot.

    My goal is to hide the $1 beside of Additional Donation to eliminate any confusion and allow the donor to just select the top two items and then add any donation to the order.

    Thank you for your help,


  • Profile Image
    Answered on December 09, 2020 at 01:08 AM


    Thank you for your message.

    Try adding this CSS to your form:

    [pid="1005"] .form-product-details {
        display: none;

    Once applied, it should look something like so.

    16074940872020-12-09 14_07_39.jpg

    Give it a try and let us know how it goes.

    Related Guide: How to Inject Custom CSS Codes.

  • Profile Image
    Answered on December 09, 2020 at 06:22 AM
    Thank you SO much for your help. This is exactly what I needed to complete the form.
    Merry Christmas