How do I change colour of the theme?

  • Profile Image
    giggle
    Asked on December 05, 2016 at 11:08 PM

    Hi there, is it possible to change the colour of the blue envelope? thanks so much!

     

     

    PS: I'm loving your forms!

  • Profile Image
    amy
    Answered on December 06, 2016 at 03:35 AM

    Hello,

    Thank you for using Jotform and it's nice to hear that you love our forms. But unfortunately the image envelope is not editable via codes or CSS styling. You will need to download this image and then modify its color to your preferred color using image editing tools such as Adobe Photoshop or GIMP.

    Once you have uploaded your image, get the URL and then edit this injected CSS code on your form:

    .form-all{
    background:url('http://your-new-link-to-your-image.com/image.png') no-repeat;
    float:left;
    padding-left: 54px;
    padding-top: 0px !important;
    width: 480px;
    height: 578px;
    }

    Here is the user guide that is about CSS injections.

    We've also another alternative which is created by my colleague Elton. Here you can find its preview. 

    The guide below will show you how you can clone a form from its URL.

    How to Clone an Existing Form from a URL

    If you need some further assistance, please feel free to ask.

    Kind Regards.

  • Profile Image
    giggle
    Answered on December 06, 2016 at 08:45 PM
    Thanks. Can you please tell me where I download and upload the image? Thanks,
    ...
  • Profile Image
    Mike_G
    Answered on December 07, 2016 at 02:04 AM

    To download the image, please click this link.

    You can try to customize the image on your end and upload it to produce a link. Then, you can insert the link to the edited image in the custom CSS codes given by my colleague, Amy, above.

    If you have any other questions or concerns, please feel free to contact us again anytime.

    Thank you.

  • Profile Image
    irfanmoosani
    Answered on December 07, 2016 at 02:07 AM

    You can download the Envelope image from the url https://www.jotform.com/uploads/EltonCris/form_files/envelope_bottom_cover.png

    Once you click the link, the image should start downloading. If the image appears on the browser then you can right click on the image and select "Save image as.." option to download the image.

    As explained by Amy, you can upload the image, after necessary edits, on your hosting server and apply the provided CSS.

    Hope this helps.