Prices doesn`t stand in line on pc

  • zapin
    Asked on February 13, 2017 at 2:38 AM

    I can`t get my prices to stand correct on pc version, on mobile devices it works when held horisontal, but when vertical same problem. Can you please provide me with code for changing this ?

     

     

  • BJoanna
    Replied on February 13, 2017 at 5:31 AM

    I assume that you are working on this form http://www.jotformeu.com/form/53545513278358 and that this is your issue.

    Prices doesn`t stand in line on pc Image 1 Screenshot 30

    Is that correct? I have cloned your form and inside of my cloned form all products are aligned correctly. I did not changed anything on my cloned form. Here is my cloned form:

    https://form.jotform.com/70431981664965 

    Prices doesn`t stand in line on pc Image 2 Screenshot 41

    I am not sure why fields are not aligned on your form. I have cleared your form cache. Also please try to re-save CSS code that you have added to your form. If that does not resolve your issue I would suggest you to clone my form.

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Let us know if you need further assistance. 

  • zapin
    Replied on February 13, 2017 at 1:56 PM

    Yes that`s the correct form, and problem. Doesn`t help to re-save css code, so now I want to clone your form, but I want it to have the same form id as my origina form, this id,  http://www.jotformeu.com/form/53545513278358, since this is already integrated on my facebook site, and users have this link to use, is it possible to clone your form into same id as my original form ?

     

     

  • BJoanna
    Replied on February 13, 2017 at 2:39 PM

    Unfortunately ID of the form can not be changed. I have checked my cloned form and now my cloned form does not look correctly as well. 

    Prices doesn`t stand in line on pc Image 1 Screenshot 20

    Sometimes form looks correctly and sometimes not. 

    It seems that this is related to Custom CSS code that you have added to your form. I will need more time to investigate this issue. 

     

    I will update you via this thread once I found what is causing this issue. 

  • BJoanna
    Replied on February 14, 2017 at 4:41 AM

    I did some additional tested and CSS is not causing this issue. Did you recently updated your form and after that this issue occurred? I saw that you have one other thread where you reported that form revision history is not working. It is possible that this issues are connected. Once our developers fix the issue on that thread you can try to revert your form to see if that will resolve your issue. 

    I was able to resolve the issue with product options which are overlapping with images by adding this CSS code:

    .form-product-image-with-options {

        border: solid 1px #fff ;

    }

    I also saw that you have reported this issue on another thread for another form. You can add same code to your other form to resolve this issue. 

    Regarding the align on your prices it is also possible that images product images are causing this issue. 

    On my cloned form I was able to resolve this issue with prices, by removing the product images for prices that are not aligned and adding new images. You can try to do the same. I would suggest you to clone your form and do it on your cloned form first, considering that revision history is not working on your form. If replacing the images resolve your issue on cloned form, then you can do the same on original form. Considering that your form is secure I would also suggest you to upload secure images (https). Currently you are using non secure (http) images.