Thème "Lovely Orange"

  • weiden
    Asked on June 30, 2015 at 7:18 AM

    Bonjour,

    J'ai choisi le thème "Lovely Orange".

    La partie de couleur orange descend trop bas et englobe un champ.

    Comment corriger cette anomalie (bug).

    En vous remerciant,

    Cordialement.

  • KadeJM
    Replied on June 30, 2015 at 11:10 AM

    To my understanding you mean that parts of the "Lovely Orange Theme" are protruding such as at the top of your form where the orange extends down some and looks a bit strange per say.

    Your Site:

    Thème Lovely Orange Image 1 Screenshot 20

    I can see what you mean by that and we do apologize about any inconveniences that this might have caused you.

    Please allow us some time to fully investigate the issue and once more is known about the problem we will update you promptly.

  • KadeJM
    Replied on June 30, 2015 at 12:18 PM

    How is this - http://form.jotform.us/form/51805288801154? 

    Or did you not want the orange overlapping any of your input fields at all?

    Please confirm or correct me if needed.

    Thème Lovely Orange Image 1 Screenshot 20

  • weiden
    Replied on July 1, 2015 at 4:48 AM
    Yes that's right !
    *Nicolas MERCIER*
    Téléphone : *+33 (0)9 50 17 50 64 *
    Télécopie : +33 (0)1 72 92 90 00
    Mobile : +33 (0)6 05 40 40 40
    vinomercier@gmail.com
    2015-06-30 18:14 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...
  • Sammy
    Replied on July 1, 2015 at 5:02 AM

    Add the following CSS into your form using the designer->CSS tab,

    tweak the value of the margin to your preference

    .page-section {

      margin-bottom: -500px;

    }

    Thème Lovely Orange Image 1 Screenshot 30

    Thème Lovely Orange Image 2 Screenshot 41

  • weiden
    Replied on July 1, 2015 at 5:13 AM
    thank you , but this time the bottom of the form is truncated
    http://www.jedecrocheunemploi.com/contact/
    2015-07-01 10:58 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...
  • Sammy
    Replied on July 1, 2015 at 5:22 AM

    Sorry for that miscalculation,remove the previous one and  kindly try this option,

    adjust the margin value accordingly.

    #id_3 {

        margin-top : 100px;

    }

     

    the #id_3 is the id of the first div containing the first input field and its label

  • weiden
    Replied on July 1, 2015 at 5:38 AM
    The problem appears again at the beginning of the form. There is a new
    problem on the lower maus only on my website :
    http://www.jedecrocheunemploi.com/contact/
    *Nicolas MERCIER*
    Téléphone : *+33 (0)9 50 17 50 64 *
    Télécopie : +33 (0)1 72 92 90 00
    Mobile : +33 (0)6 05 40 40 40
    vinomercier@gmail.com
    2015-07-01 11:18 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...
  • Sammy
    Replied on July 1, 2015 at 6:01 AM

    Hi,

    Could you kindly confirm which portion is affected, provide a screenshot for clarification if possible

  • weiden
    Replied on July 1, 2015 at 6:08 AM
    [image: Images intégrées 1]
    [image: Images intégrées 2]
    *Nicolas MERCIER*
    Téléphone : *+33 (0)9 50 17 50 64 *
    Télécopie : +33 (0)1 72 92 90 00
    Mobile : +33 (0)6 05 40 40 40
    vinomercier@gmail.com
    2015-07-01 11:57 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...
  • Sammy
    Replied on July 1, 2015 at 6:19 AM

    Unfortunately the images are not attached, could you kindly try attaching by visiting the thread and posting the response then uploading the images.

     

    Thank you

  • weiden
    Replied on July 1, 2015 at 6:28 AM
    File Schedule
    *Nicolas MERCIER*
    Téléphone : *+33 (0)9 50 17 50 64 *
    Télécopie : +33 (0)1 72 92 90 00
    Mobile : +33 (0)6 05 40 40 40
    vinomercier@gmail.com
    2015-07-01 12:15 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...
  • Boris
    Replied on July 1, 2015 at 7:40 AM

    Can you please try adding this custom CSS to your form, and see if this helps:

    .form-all { background-image: linear-gradient(#F59202 10.5em, rgba(220, 220, 220, 0.6) 11em) !important; }

    Please copy it exactly as posted in green above, and place it at the very bottom of your form's CSS. This is how it looks for me after said edit:

    http://form.jotformpro.com/form/51812853625962

    Thème Lovely Orange Image 1 Screenshot 20

    Please let us know how it goes.

  • weiden
    Replied on July 1, 2015 at 8:03 AM
    It's much better , thank you . The ideal would be slightly lower
    orange party for the assembly to be harmonious and not to stop after
    the word " contactera " .
    *Nicolas MERCIER*
    Téléphone : *+33 (0)9 50 17 50 64 *
    Télécopie : +33 (0)1 72 92 90 00
    Mobile : +33 (0)6 05 40 40 40
    vinomercier@gmail.com
    2015-07-01 13:36 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...
  • Boris
    Replied on July 1, 2015 at 8:08 AM

    You can adjust the 10.5em and 11em values to better suit for how far the orange background will go.

    To have the orange part slightly longer, you can change them to this:

    .form-all { background-image: linear-gradient(#F59202 11em, rgba(220, 220, 220, 0.6) 11.5em) !important; }

    I recommend that you keep the two values at .5 difference, as presented in the example, as this .5em difference between them allows for a nice but slight transition between the colors.

    I hope this helps.

  • weiden
    Replied on July 1, 2015 at 8:18 AM
    Thank you is perfect now . It took 11.9 and 11.4.
    Goodbye !
    *Nicolas MERCIER*
    Téléphone : *+33 (0)9 50 17 50 64 *
    Télécopie : +33 (0)1 72 92 90 00
    Mobile : +33 (0)6 05 40 40 40
    vinomercier@gmail.com
    2015-07-01 14:04 GMT+02:00 JotForm Support Forum <
    noreply@jotform.com>:
    ...