coloring on current jotform

  • Profile Image
    Renae Hestekin 
    Asked on June 23, 2020 at 06: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.    


  • Profile Image
    Jovanne_A
    Answered on June 23, 2020 at 06: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. 

  • Profile Image
    Jovanne_A
    Answered on June 23, 2020 at 06: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.
    159295075410.png


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

  • Profile Image
    Renae Hestekin 
    Answered on June 23, 2020 at 07: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
    ________________________________
    ...
  • Profile Image
    Renae Hestekin 
    Answered on June 23, 2020 at 07:28 PM
    I don't have those 3 tabs. Mine says "custom code"
    Thank you
    REnae
    Sent from Outlook
    ________________________________
    ...
  • Profile Image
    Jovanne_A
    Answered on June 23, 2020 at 07: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"

          onload="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.

  • Profile Image
    Renae Hestekin 
    Answered on June 23, 2020 at 08: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
    ________________________________
    ...
  • Profile Image
    gerardw
    Answered on June 23, 2020 at 09: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.