How to change colors & backgrounds on a template

  • Profile Image
    contacterin
    Asked on October 23, 2020 at 05: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!

  • Profile Image
    Jovanne_A
    Answered 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.png


    1603510834_5f93a23259ceb_5b.png


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

  • Profile Image
    contacterin
    Answered 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!

  • Profile Image
    Vanessa_T
    Answered on October 24, 2020 at 04:11 AM

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

    1603527060_5f93e1944fb3e_01993.jpg

    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

  • Profile Image
    Vanessa_T
    Answered on October 24, 2020 at 04:11 AM

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

    1603527060_5f93e1944fb3e_01993.jpg

    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