how can i change the theme to my personalized theme???

  • Profile Image
    shopwisely16
    Asked on July 11, 2011 at 11:05 AM
  • Profile Image
    DanielGriffin
    Answered on July 11, 2011 at 11:10 AM

    Hi there,

    You have a couple of options here.  The easiest option is to inject your own CSS code into the form.  have a look at this link on how to do that:

    https://www.jotform.com/answers/tag/Inject%20Custom%20CSS

    Otherwise you can try downloadingthe entire source for the form and editing it to look the way you want.  to do that:

    1. Open your form in the form builder
    2. Click on "Setup & Embed" tab
    3. Click on "Embed Form" on top menu
    4. Click on "Source" icon


    Thanks,

    Daniel

  • Profile Image
    shopwisely16
    Answered on July 11, 2011 at 11:25 AM

    hello!!! thanks for the info.. what about the background of the theme.. thanks

  • Profile Image
    DanielGriffin
    Answered on July 11, 2011 at 11:29 AM

    That's no problem,

    Have a look at this page, it has some information on changing the background with CSS

    http://www.jotform.com/help/75-CSS-hacks

    But if you download the full source then you can make any changes you.  Let me know if you need anything else,

    Thanks,

    Daniel

  • Profile Image
    shopwisely16
    Answered on July 11, 2011 at 11:34 AM

    hello daniel! i still dont know how to use it.. i just wanted to change my background like this

    http://s1027.photobucket.com/albums/y332/shopwisely16/?action=view&current=pretty-1.gif

     

    thanks for your help.. :)

  • Profile Image
    DanielGriffin
    Answered on July 11, 2011 at 11:55 AM

    Hi there,

    That's no problem.  The easiest way to do this is as follows:

    1. open the form in the form builder, Select the Setup and Embed tab and click the Preferences button.

    2.Click the Form Styles tab and edit the background property to paste in the following code:

     

    url("http://i1027.photobucket.com/albums/y332/shopwisely16/pretty-1.gif") repeat scroll 0% 0% transparent

     

    (note that the url you provided is to an album.  This url is just to the image itself.  i'm not sure what Photobucket's policy on hot linking is, you might need to download the image and host it somewhere else online)

    Thanks,

    Daniel

  • Profile Image
    shopwisely16
    Answered on July 11, 2011 at 01:00 PM

    thanks daniel, i followed your instructions and it shows here thebackground but i doesnt shows on my embed code.. :(

     

  • Profile Image
    DanielGriffin
    Answered on July 11, 2011 at 03:10 PM

    Hiya,

    If you are using the full source then you will need to download it again after making this change.  Where is the form online?  I can take a look for you.

    Thanks,

    Daniel