How can I change the form's outline color?

  • ZIKY2011
    Asked on April 7, 2017 at 5:52 PM
    I still could not figure out how to change the blue outline box to a different color but I can live with that.
  • Support_Management Jotform Support
    Replied on April 7, 2017 at 6:07 PM

    You can change this by using CSS. Inject the following codes to the CSS section of your Form Builder:

    .form-all {

        border-color: #d0a96a !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes 

    Feel free to change the HEX value of the color upon your discretion.

    Result:

    How can I change the forms outline color? Image 1 Screenshot 20

  • ZIKY2011
    Replied on April 7, 2017 at 6:45 PM
    Nice! Thank you. I will give that a try. After changing the firm I guess I have to upload a new code to my Shopify store or will it connect to the new form?
    What about the photo? Can it be changed in a theme? Like the one for instance with the sun in the hair... could I upload my own photo?
    Sent from my iPhone
    Nicola Gagliardo
    ZIKY, LLC
    www.ZIKYboutique.com
    ...
  • Mike_G JotForm Support
    Replied on April 8, 2017 at 12:10 AM

    After changing the firm I guess I have to upload a new code to my Shopify store or will it connect to the new form?

    If you add the CSS codes, my colleague provided you, to your form, the changes should show automatically in the embedded form and it is not necessary for you to re-embed it.

    What about the photo? Can it be changed in a theme? Like the one for instance with the sun in the hair... could I upload my own photo?

    Are you referring to the header image in your form? To change it, you first need to remove it then you can upload another image after.

    How can I change the forms outline color? Image 1 Screenshot 20

    I hope this helps. If, in any case, I have misunderstood your concern, please feel free to contact us again anytime.

    Thank you.