How do I change colour of the theme?

  • giggle
    Asked on December 5, 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!

  • amy
    Replied on December 6, 2016 at 3: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.

  • giggle
    Replied on December 6, 2016 at 8:45 PM
    Thanks. Can you please tell me where I download and upload the image? Thanks,
    ...
  • Mike_G JotForm Support
    Replied on December 7, 2016 at 2: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.

  • irfanmoosani
    Replied on December 7, 2016 at 2: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.