What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to use my own bacground color, but use a form theme at the same time?

    Asked by talco on February 14, 2014 at 10:56 AM

    Hi

    How can I control backgroung color even if I use a theme?

    I want the theme to affect all elements but override BG color.

    http://form.jotform.me/form/40443857654461

    Thanks!

    Tal

    JotForm style size font
  • Profile Image

    Answered by EliezerN on February 14, 2014 at 11:48 AM

    Hi,

    So, basically you need a theme just to affect the elements of the form, but you wish to use your own background color, is that correct?

    If so, to apply your own color to the background color of your form simply inject this CSS code:

    .form-all{background-color:#55C255!important;}

    You can change the color value #55C255 to the one you prefer. You can easily pich more colors from here: http://www.colorpicker.com/

    Here is how to inject CSS codes to forms: How to inject custom CSS codes

    Inform us if you need further assistance with this inquiry.

    Thanks

  • Profile Image

    Answered by talco on February 14, 2014 at 03:32 PM

    Hi

     

    Thank you for your fast response!

     

    Sadly, I't seems that the color didn't changes after adding that line to the CSS.

    you can see the old texture: http://form.jotform.me/form/40443857654461

     

    What else can I do?

    Oh actually, if possible - I would like to use transparent BG to that form.

     

    Thanks!

    Tal

  • Profile Image
    JotForm Support

    Answered by BDAVID on February 14, 2014 at 03:57 PM

    Hi, I can see that your form is transparent now:

    Hope everything is fine now, if you have another question, please open a new thread, we will be glad to assist you.

  • Profile Image

    Answered by talco on February 15, 2014 at 02:46 AM

    Hi

    I dont know... when I open the form it is not transparent :)

    Here is a screen capture from the address above, you can clearly see that it have texture and color.

    Thanks

     


  • Profile Image
    JotForm Support

    Answered by Welvin on February 15, 2014 at 05:39 AM

    Do you mean a form like this?

    If yes, then inject the following custom CSS codes to your form:

    .form-all {

    background: transparent !important;

    }

    Same guide on adding this codes to the form: How to Inject Custom CSS Codes

    Thanks

  • Profile Image

    Answered by talco on February 15, 2014 at 08:26 AM

    Did it

    Still not working...

    Now in a new page (http://www.xn--8dbckchh3ak8coo.com/leshonita.html).

    What can we do?

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on February 15, 2014 at 01:50 PM

    I was able to see the changes from the shared webpage. I think you have sorted this out. Let us know if you need further assistance.

    Thanks

  • Profile Image

    Answered by talco on February 16, 2014 at 12:19 AM

    It seems that changes simply take some time - For three times it didn't change for me, i’ve posted the message here, and you saw it OK after a while when i touched nothing... :) 

     

    Now, I waited a night before posting again - I've choosed the color white for the font, but it's half transparent, can you please advice me how to control it?

     

    Thanks!!

  • Profile Image
    JotForm Support

    Answered by liyam on February 16, 2014 at 05:02 AM

    Hello talco,

    Clearing your form's cache can help to be able to view the changes made on your form.  Sometimes, your browser keeps the old cache which makes your form looking like it was not updated.  You can do this by pressing the shift key on your keyboard with clicking the refresh button on your browser (Shift + refresh).

    I'm not certain what you mean by half transparent on the font.  If you're referring to the blurry edges, it might be the text shadow.  You can edit your CSS injection and add the text shadow to none. See the highlighted value below:

    .form-all {
      background: transparent !important;
       text-shadow: none !important;
    }

    In addition, may I recommend this CSS injection code to prevent background highlights when your cursor is focused on the specific field:

    .form-line-error {
       background: transparent !important;
    }

    .form-line-active {
       background: transparent !important;
    }

    .form-line-active label {
       color: #fff !important;
    }

    Please let us know if you need further assistance on this matter.

    Thanks.