I update my products in the form and price don't show up

  • Profile Image
    kikirikey
    Asked on May 14, 2014 at 06:25 AM

    Hello,

     

    I did changes in the products we offer in our form. 

    Now the new products appear but the price is not displayed near the euros

    Can you explain me how to fix this ?

    thanks

  • Profile Image
    TitusN
    Answered on May 14, 2014 at 09:58 AM

    Hello,

    Are you reffering to the options on your stripe field with no prices on your form?

    This is being caused by the injected CSS as shown in this guide that you have on your form:

    The following excerpt from your CSS code is what is causing this:

    .form-product-details b {
    font-size: 0;
    color: #FFF;
    }

    I'm not sure what the code was meant to do, perhaps you can share on its intent and we can advice on how to implement your desired outcome.

    Should you remove that peice of code, the prices will be displayed again as shown on this copy of your form: http://jotformpro.com/form/41334201096949

    Please let us know how we can assist further.

  • Profile Image
    kikirikey
    Answered on May 14, 2014 at 12:00 PM

    Hello,

    Before changing this products today this CSS code was there following a previous advice i received to make the numbers bigger in size.

    In bigger font size like you can see in check in and check out in the same form. 

    Which code should i inject  to have the numbers as big as the other ones that are displayed in the form ?

     

    thanks

     

  • Profile Image
    kikirikey
    Answered on May 14, 2014 at 12:04 PM

    I removed what you said and the numbers appeared but in small size.

    Now, how i can make them as big as the other ones in the form ?

  • Profile Image
    TitusN
    Answered on May 14, 2014 at 01:06 PM

    Please replace all the CSS you have injected in the form with this:

    p { margin-bottom: 0.1in; line-height: 120%; }

    asdfasdf p { margin-bottom: 0.1in; line-height: 120%; }

    /*For Your CC fields*/

    th:before{

    content: "Debit or ";

    }

    #cid_6 table > tbody tr:first-child th:before,#sublabel_cc_number:before {

    content: "Debit or "

    }

    #termsx {

    overflow-y: scroll;height: 250px;width: 40%;border: 1px solid #DDD;padding: 10px;}

    }

    /*The price and currency color*/

    .form-product-details span {

    color: #999;

    }

    /*Sets everything to a font size of 14px*/

    .form-product-details span:before,.form-product-details span:after {

    font-size: 14px;

    }

    span, b {

    font-size: 14px;

    }

    /*fixes the width of the form field*/

    #input_15 {
        width: 450px;
    }

     

    I have tried to reproduce what you had before - if I missed anything, please advice by previewing how the form should look here: http://jotformpro.com/form/41334201096949

    Pelase let us know if this helps.

  • Profile Image
    kikirikey
    Answered on May 14, 2014 at 01:33 PM

    Thanks, i didi it and it worked but now i have the word euro repeated.

    What should i delete to keep only the second Euro, the big one ?

     

  • Profile Image
    kikirikey
    Answered on May 14, 2014 at 01:35 PM

    I know it should be another thread but is there anythig i could do to also have debit abd credit card in bold at the form and not only credit card as it is now ?

  • Profile Image
    kikirikey
    Answered on May 14, 2014 at 01:38 PM

    I already managed for the repeated euro worf

  • Profile Image
    TitusN
    Answered on May 14, 2014 at 02:00 PM

    Hello,

    Good to hear.

    Your Debit and Credit Text Look Ok from here - they are both bold:

    Did you mean something else?

  • Profile Image
    kikirikey
    Answered on May 14, 2014 at 02:42 PM

    Yes, now it ok here too

    Thanks for the support !