Change the look of the form

  • sumaira.abdulkarim
    Asked on September 1, 2020 at 8:10 AM

    Hello I want to create form like this. https://form.jotform.com/kentzo/nextdaydelivery

    I am unable to create header like in this form. In sample form header has two color shade and its width is small. I am sending my form link and form header screen shot.

    Please help me to create form like this.https://form.jotform.com/kentzo/nextdaydelivery


    Jotform Thread 2549256 Screenshot
  • Yvette_L
    Replied on September 1, 2020 at 10:50 AM

    Hi,

    Thank you for your question. 


    Please see below screencast how to do both things you've asked in your thread.

    1598971526gifsy Screenshot 10


    To get any custom color gradient for your header please go to this site: https://cssgradient.io/ , which will give you the code you have to paste to the custom CSS field.

    1598971832CSS Gradient — Generator, Ma Screenshot 21


    Please let me know if this helps!

    Thank you!

  • sumaira.abdulkarim
    Replied on September 1, 2020 at 1:28 PM
    Thanks, I have successfully changed the width and color of the header.
    How can I change the background of questions. I want spacing from the start.
    My form link: https://form.jotform.com/202435265048048
    ...
  • Yvette_L
    Replied on September 1, 2020 at 3:07 PM

    Hi,

    I'm glad you managed to successfully change the settings!

    Please see the screencast below how to change the background of the questions and add some spacing in the front.


    1598987053cssssssssssss Screenshot 10


    Thank you, please let me know if you have any more questions!

  • sumaira.abdulkarim
    Replied on September 6, 2020 at 11:28 AM
    Hi! How can I add clickable whatsapp like in the attached image?

    Virus-free.
    www.avast.com

    <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
    ...
  • roneet
    Replied on September 6, 2020 at 11:48 AM

    To add a clickable image, please follow this guide:

    1599406990 5f55038ee46e3 form Screenshot 10

    1. Upload your image(s) with using the "insert image". You can see "icon" of insert image on the below screenshot.
    2. After select your image in text editor (select your image right to left like a text), click to link icon. After that "Insert Link" box will be pop. Now you can write your link for image.
    3. Now when your image is clicked, users can go to link. 

    Unfortunately, we have not received any screenshot in your last post. Please upload it once again. If you something different than the above please let us know we will take another look.

    Thanks.

  • sumaira.abdulkarim
    Replied on September 6, 2020 at 1:28 PM
    Thanks I understand the method.
    ...
  • sumaira.abdulkarim
    Replied on September 16, 2020 at 2:28 AM
    Hi! Can I convert PDF form to online fillable form? It's urgent.

    ...
  • roneet
    Replied on September 16, 2020 at 4:04 AM

    I have moved your next concern in this ticket:

    https://www.jotform.com/answers/2578814

    We will address it shortly.

    Thanks.

  • sumaira.abdulkarim
    Replied on December 8, 2020 at 10:55 AM
    Hi! I need help. I am stuck in a project. I have a PDF form that has
    calculation fields in it. I am sending it please check this file.
    I want the same calculation in Jotform as in the PDF file is it possible?
    I am sending you my jotform link.
    https://form.jotform.com/203402498556055

    --
    *Sumaira A-Karim*
    Freelancer, Fiverr
    sumaira.abdulkaim@gmail.com
    Multan, Pakistan

    Create your own email signature

    ...
  • Rehan Support Team Lead
    Replied on December 8, 2020 at 12:35 PM

    Greetings Sumaira,

    I've moved your new concern to a new ticket, You'll receive a response to it shortly on the link below.

    https://www.jotform.com/answers/2752928

    Thanks