Any specific pixel size that I need to design the background image for?

  • NgeeAnnPolytechnic
    Asked on October 14, 2016 at 3:03 AM
    Any specific pixel size that I need to design for?
  • Chriistian Jotform Support
    Replied on October 14, 2016 at 3:16 AM

    The size of the background image would depend on the device that your users would most likely use. So if your users will use a mobile device, you can tailor the image for mobile devices, but if they use a desktop, you will need to use a larger image with high resolution.

    You can check out this article which may give you a better idea of the best size for you: The Best Full Screen Background Image Sizes for Web Design

    Please let us know if you need further assistance.
    Regards.

  • NgeeAnnPolytechnic
    Replied on October 14, 2016 at 10:35 AM

    https://form.jotform.me/62860311749458

    Dear Sir,

     

    The design editor allows me to custom the page and form backgrounds with my image.

    I am trying to design the page & form backgrounds to go with my theme (see green image below).

    What pixel size / dimension / resolution should I design my backgrounds? Tks.

     

    Any specific pixel size that I need to design the background image for? Image 1 Screenshot 30

     

    Any specific pixel size that I need to design the background image for? Image 2 Screenshot 41

     

  • David JotForm Support
    Replied on October 14, 2016 at 11:37 AM

    This would depend on the overall size of your form.  If you would like your images to fit the background of your form perfectly without and stretching, I would recommend completing your form first.  After the form is complete, you can see the exact dimensions and tailor your background image to fit.

  • NgeeAnnPolytechnic
    Replied on October 15, 2016 at 11:16 AM

    dear sir,

    can i check with you how i can adjust / custom the colors for the two areas highlighted in orange?

    1. form page area

    2. scroll bar area

    am experimenting on the best fit theme...

    tks!

    Any specific pixel size that I need to design the background image for? Image 1 Screenshot 20

  • Nik_C
    Replied on October 15, 2016 at 1:02 PM

    To change the color of the form page area please insert the below CSS to your Custom CSS field:

    .form-all {

    background:blue!important;

    }

    Just change the color as you wish.

    Regarding the scroll bar, it is the part of the Browser so as far as I know there is no direct CSS that applies. But I found this article that might be helpful.

    If you have any additional questions please let us know.

    Regards.