How can I extend the highlight to the edge of my form?

  • JellyGraphics
    Asked on September 11, 2015 at 8:23 PM

    1.  How do I make the highlighted part of the form extend to the edge of the embeded frame?

     

    2.  How do I change the message boxes and such to a white background?

     

     

    3.  How do I change the highlighted color?

     

    Thank you!

  • KadeJM
    Replied on September 12, 2015 at 3:08 PM

    I see that you would like to restyle your form with css so lets start of with your first question about extending the highlight to the edge of your form.

    I looked on your form on your website which I believe is where you are trying to make the changes for this on.

    Which highlights are you referring to that you needed extended? I looked but am uncertain.

    Please explain more so that we can better assist you with fixing the correct highlights.

    How can I extend the highlight to the edge of my form? Image 1 Screenshot 20

    As for your two other questions those are separate issues so I have moved them each to a different thread of their own.

    #2 - https://www.jotform.com/answers/660875 

    #3 - https://www.jotform.com/answers/660876 

  • JellyGraphics
    Replied on September 13, 2015 at 1:33 PM

    Awesome, I got those other things taken care of. Thanks for doing that!

     

    I just want the highlights to extend to the edge... As of now the highlight is a different shade of blue. 

     

    Does that help? THank you!

     

  • Chriistian Jotform Support
    Replied on September 14, 2015 at 2:20 AM

    Hi,

     

    I'm currently checking on the CSS for your form. I'll reply here as soon as fix it.

     

  • Chriistian Jotform Support
    Replied on September 14, 2015 at 3:00 AM

    Hi,

     

    Can you try injecting the custom CSS codes below and let us know if it fixed the form?

    .form-all {

    margin-left:0px !important;

    margin-right:0px !important;

    margin-top:auto !important;

    margin-bottom:auto !important;

    }

    To inject a custom CSS code, you can follow the guide: How to Inject Custom CSS Codes.

     

    Also, upon checking, I've noticed that you embedded your form using script method. i would suggest for you to re-embed your form using the iFrame embed method, your websites, css and js scripts might be conflicting with the forms scripts. To re-embed your form using the iFrame embed method, you can follow the guide: Getting the Form iFrame Code.

     

    Do let us know if you need further assistance.

     

    Regards.