Edit the Subscription labels in Payment tool

  • Profile Image
    tomorrownight
    Asked on March 04, 2015 at 10:05 AM

    Hello,

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

    any thoughts? 

     

     

  • Profile Image
    Charlie
    Answered on March 04, 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.

  • Profile Image
    tomorrownight
    Answered on March 04, 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 

     

  • Profile Image
    Charlie
    Answered on March 04, 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

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

    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.

  • Profile Image
    tomorrownight
    Answered on March 04, 2015 at 03:00 PM

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

     

     

  • Profile Image
    Sean
    Answered on March 04, 2015 at 03: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!

  • Profile Image
    tomorrownight
    Answered on March 05, 2015 at 03:56 AM

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

  • Profile Image
    Welvin
    Answered on March 05, 2015 at 08: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!