coloring on current jotform

  • Renae Hestekin
    Asked on June 23, 2020 at 6:07 PM

    Last August GoDaddy helped me put a Jotform on our website.  It seems as though the coloring has changed to dark grey and when a Veteran fills it out, it is black lettering.  It is very hard to read.  This is the first that we have noticed it.  I need to get it back to a legible form.  GoDaddy was not able to help me. 

    The website is: sofasforservice.com

    The form is under the tab "furniture requests."


    Thank you for your time.    


  • Jovanne JotForm Support
    Replied on June 23, 2020 at 6:14 PM

    Hi, thank you for reaching out to us.

    Can you please provide us your preferred color to change in your form? 

    We look forward to your response. 

  • Jovanne JotForm Support
    Replied on June 23, 2020 at 6:19 PM

    Or you can change the color yourself to your preferred color by navigating to Form Designer and change the color of your form background and font color according to your preference.
    Please see the attached photo.
    coloring on current jotform Image 10


    I hope this will help. Let us know if you need further assistance.

  • Renae Hestekin
    Replied on June 23, 2020 at 7:28 PM
    Jovanne,
    I don't think I have those options. I am not very good at Technology which is why Go Daddy helped me. I would like a white box with black lettering that the Veteran fill in. I think this would show up good for them and for us when they email it to us. Can you tell me how to do that? Or can you do it for me?
    Thanks
    Renae
    Sent from Outlook
    ________________________________
    ...
  • Renae Hestekin
    Replied on June 23, 2020 at 7:28 PM
    I don't have those 3 tabs. Mine says "custom code"
    Thank you
    REnae
    Sent from Outlook
    ________________________________
    ...
  • Jovanne JotForm Support
    Replied on June 23, 2020 at 7:49 PM

    Hi, thank you for your response.

    I went ahead and change the colors for you. You can check the form in this link: https://www.jotform.us/form/92156631303147.

    You can contact again the GoDaddy support to update the form iframe code for you. Kindly send to them the code below:

    <iframe

          id="JotFormIFrame-92156631303147"

          title="Furniture Requests"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          allow="geolocation; microphone; camera"

          src="https://form.jotform.com/92156631303147"

          frameborder="0"

          style="

          min-width: 100%;

          height:539px;

          border:none;"

          scrolling="no"

        >

        </iframe>

        <script type="text/javascript">

          var ifr = document.getElementById("JotFormIFrame-92156631303147");

          if(window.location.href && window.location.href.indexOf("?") > -1) {

            var get = window.location.href.substr(window.location.href.indexOf("?") + 1);

            if(ifr && get.length > 0) {

              var src = ifr.src;

              src = src.indexOf("?") > -1 ? src + "&" + get : src  + "?" + get;

              ifr.src = src;

            }

          }

          window.handleIFrameMessage = function(e) {

            if (typeof e.data === 'object') { return; }

            var args = e.data.split(":");

            if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }

            if (!iframe) { return; }

            switch (args[0]) {

              case "scrollIntoView":

                iframe.scrollIntoView();

                break;

              case "setHeight":

                iframe.style.height = args[1] + "px";

                break;

              case "collapseErrorPage":

                if (iframe.clientHeight > window.innerHeight) {

                  iframe.style.height = window.innerHeight + "px";

                }

                break;

              case "reloadPage":

                window.location.reload();

                break;

              case "loadScript":

                var src = args[1];

                if (args.length > 3) {

                    src = args[1] + ':' + args[2];

                }

                var script = document.createElement('script');

                script.src = src;

                script.type = 'text/javascript';

                document.body.appendChild(script);

                break;

              case "exitFullscreen":

                if      (window.document.exitFullscreen)        window.document.exitFullscreen();

                else if (window.document.mozCancelFullScreen)   window.document.mozCancelFullScreen();

                else if (window.document.mozCancelFullscreen)   window.document.mozCancelFullScreen();

                else if (window.document.webkitExitFullscreen)  window.document.webkitExitFullscreen();

                else if (window.document.msExitFullscreen)      window.document.msExitFullscreen();

                break;

            }

            var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

            if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

              var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

              iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

            }

          };

          if (window.addEventListener) {

            window.addEventListener("message", handleIFrameMessage, false);

          } else if (window.attachEvent) {

            window.attachEvent("onmessage", handleIFrameMessage);

          }


          </script>


    I hope this will help. Please get back to us if you need further assistance.

  • Renae Hestekin
    Replied on June 23, 2020 at 8:28 PM
    Thank you. I can see the code when I do an edit. Can I just copy this into that coding area? The people that I worked with this evening at GoDaddy do not seem to be famiier with jot form.
    Thanks
    Renae
    Sent from Outlook
    ________________________________
    ...
  • Girish JotForm Support
    Replied on June 23, 2020 at 9:31 PM

    Hello,

    If you are using the Godaddy Website Builder 7, then you can follow the instructions outlined in this guide to add the form on your website: https://www.jotform.com/help/566-Adding-a-Form-to-GoDaddy 

    Else, you can directly copy the code provided by my colleague above into your website editor.