Product list: Hide the word 'Free'

  • Skijapanholidays
    2024年8月15日 4:02に質問

    By the way, I just found that there are the words "free" to be appeared only smartphone mode.

    Is there any way we can hide those words?


    Thank you fo your continued assistance.

    Regards,

    Ski Japan Holidays

    Notification Email: Hide price/total of the product Image 1 Screenshot 20 Screenshot 10

  • Lorenz Jotform Support
    2024年8月15日 4:16に返信

    Hi Skijapanholidays,

    We can use Custom CSS code to remove it. Let me walk you through it:

    1. First, copy the CSS code below:

    /* Remove product word 'Free' */
    .form-product-details {
    display: none !important;
    }
    /* end */

    2. In the Form Builder, click on the blue Roller Paint icon.

    3. From the Form Designer panel, select the Styles Tab. 

    4. Next, scroll down a bit and paste the code inside the Inject Custom CSS area. 

    Product list: Hide the word Free Image 1 Screenshot 20

    Give it a try and let us know if you need any more help.

  • Skijapanholidays
    2024年8月15日 19:21に返信

    Hi Lorenz,

    Thank you for your advise.

    It did work!

    Regards,

    Ski Japan Holidays