How to change colors & backgrounds on a template

  • contacterin
    Asked on October 23, 2020 at 5:31 PM

    How to change colors & backgrounds on a template?

    • header color
    • header text
    • form background color
    • form background image
    • text color
    • text font

    Actually, i found the paint roller brush icon in the top right corner, and it seems to let me adapt everything except the header color and header font.

    Or can i save the whole form (already in one template) and switch it to another template or to building from scratch?

    Thanks!

    Page URL: https://www.jotform.com/build/202966793748272
  • Jovanne JotForm Support
    Replied on October 23, 2020 at 11:41 PM

    Hi, thank you for contacting JotForm support.

    You can navigate to Form Advanced Designer settings to fully customize your form layout and design. Please see attached screenshot:

    1603510798 5f93a20e33ee6 5a Screenshot 10


    1603510834 5f93a23259ceb 5b Screenshot 21


    I hope this will help. Please give it a try and let us know if you need further assistance.

  • contacterin
    Replied on October 23, 2020 at 11:57 PM

    Hi, i've found that pane before but can't find where on there to change...

    1. The background colour for the header
    2. The background image for the header
    3. The font colour for the header

    Thanks!

  • Vanessa_T
    Replied on October 24, 2020 at 4:11 AM

    To change the background image, kindly refer to the screenshot below:

    1603527060 5f93e1944fb3e 01993 Screenshot 10

    To change the font and background colors, kindly let us know the colors and for which so that we can generate the CSS for you.

    How-to-Inject-Custom-CSS-Codes

  • Vanessa_T
    Replied on October 24, 2020 at 4:11 AM

    To change the background image, kindly refer to the screenshot below:

    1603527060 5f93e1944fb3e 01993 Screenshot 10

    To change the font and background colors, kindly let us know the colors and for which so that we can generate the CSS for you.

    How-to-Inject-Custom-CSS-Codes

  • contacterin
    Replied on October 24, 2020 at 6:15 PM

    Hi, I don't want to remove the image i've uploaded. I want to change the black background and the orange font.

    Does this mean these items can't be changed without doing CSS? 😧 This seems odd, especially since i did change some of the text.

    Anyway, I appreciate the offer for the CSS. I'm not sure what colour will work there, but i'd try #3329ce8 for the background, and #6100c7 for the font.

    I'll be more careful to choose templates in future, now that i know it's not completely adaptable.

    Thank you!