Edit the Subscription labels in Payment tool

  • tomorrownight
    Asked on March 4, 2015 at 10:05 AM

    Hello,

    I cant find anyway at all to get rid of the month.) full stop!! 

    any thoughts? 

     

     

  • Charlie
    Replied on March 4, 2015 at 10:52 AM

    Hi,

    I'm sorry but I can't seem to understand your concern completely. Upon checking your form, I see that you are offering subscriptions in your order items and are paid "monthly". Could you please provide us more details of what you would like to change?

    Thank you.

  • tomorrownight
    Replied on March 4, 2015 at 11:10 AM

    it says

     

    ( £10.00 GBP for each month .)

     

    And i would like to get rid of the underline under Month, the space and the full stop 

     

  • Charlie
    Replied on March 4, 2015 at 11:34 AM

    Hi,

    You could try adding this custom CSS code in your Form Designer tool:

     

    .form-product-details u {

        text-decoration : none;

    }

    span:nth-child(2) > label > span {

        display : none;

    }

    span:nth-child(4) > label > span {

        display : none;

    }

    span:nth-child(6) > label > span {

        display : none;

    }

    span:nth-child(8) > label > span {

        display : none;

    }

    span:nth-child(2) > label:after {

        content : "for each month.";

    }

    span:nth-child(4) > label:after {

        content : "for each month.";

    }

    span:nth-child(6) > label:after {

        content : "for each month.";

    }

    span:nth-child(8) > label:after {

        content : "for each month.";

    }

    To add it, first you'll need to click the "Designer" icon in your toolbar

    Edit the Subscription labels in Payment tool Image 1 Screenshot 30

    Inside the Form Designer you can add your custom CSS code.

    Edit the Subscription labels in Payment tool Image 2 Screenshot 41

    I've cloned your form for testing purposes, you can check the changes I made here in a sample form: http://form.jotformpro.com/form/50624357623959.

    Do let us know if you would like to adjust somethings, I assume that's how you would like it to be displayed.

    Thank you.

  • tomorrownight
    Replied on March 4, 2015 at 3:00 PM

    thats great thank you, however, the issue is it now makes the box "Name" say "Last name For Each Month"!!

     

     

  • Sean
    Replied on March 4, 2015 at 3:54 PM

    Sorry about that, I believe replacing this code

    span:nth-child(2) > label:after {
       content : "for each month.";

    }

    span:nth-child(4) > label:after {
        content : "for each month.";

    }

    span:nth-child(6) > label:after {
        content : "for each month.";

    }

    span:nth-child(8) > label:after {
        content : "for each month.";

    }

    with this one

    .form-product-item:after {
    content: "for each month";
    }

    should fix that issue.

    Here is my test form:
    http://form.jotformpro.com/form/50626359879976

    Please let us know the outcome.


    Thanks!

  • tomorrownight
    Replied on March 5, 2015 at 3:56 AM

    Awesome! i wish everyones tech support could be as amazing as you guys! 

  • Welvin Support Team Lead
    Replied on March 5, 2015 at 8:48 AM

    It's our pleasure to help you! If you require any further assistance, feel free to contact us again.

    Thank you for the feedback!