How can I change the background of each Form Collapse Bar to a specific image for each one?

  • gmotta11
    Asked on June 8, 2014 at 3:24 PM

    Hi, 

    I am trying to change each background image of the Form Collapse Bars so I can upload a custom backgound for each one. 

    I've tried this:

    #collapse_91 {background: url ('http://www.jotform.com/uploads/gmotta11/form_files/form_col_BG_name.jpg') repeat !important;}

    But it didn't work.

    What's the right CSS?

    Thanks!

    Page URL: http://form.jotformpro.com/form/41548382610958?
  • jonathan
    Replied on June 8, 2014 at 4:45 PM

    Hi,

    You will have to specify the CSS code for each of the collapse ID#

    For example, in your form https://www.jotform.com/41548382610958 , you need to find out the collapase ID# to apply the CSS code. You got it right with #collapse_91 being the top most collapse element.

    Try adding the CSS code like this instead

    #collapse_91 {

    background-image:url('https://www.jotform.com/uploads/gmotta11/form_files/form_col_BG_name.jpg');

    background-repeat:no-repeat;

    }

    it should work.
    How can I change the background of each Form Collapse Bar to a specific image for each one? Image 1 Screenshot 20
    The only problem I see about the image is that, it was not occupying the whole collapse bar due to the other CSS code in the form. (Unless you it was intentional, I'll leave the sample as is for now)
    Please inform us if you need further assistance.
    Thanks!
  • gmotta11
    Replied on June 8, 2014 at 5:29 PM

    Works perfect! Thank you so much! 

    You guys ROCK! :-)

  • jonathan
    Replied on June 8, 2014 at 5:59 PM

    You are quite welcome. We are glad to be of help. 

    Contact us again anytime should you need our assistance.

    Thanks!