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

  • Profile Image
    gmotta11
    Asked on June 08, 2014 at 03: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!

  • Profile Image
    jonathan
    Answered on June 08, 2014 at 04: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.
    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!
  • Profile Image
    gmotta11
    Answered on June 08, 2014 at 05:29 PM

    Works perfect! Thank you so much! 

    You guys ROCK! :-)

  • Profile Image
    jonathan
    Answered on June 08, 2014 at 05:59 PM

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

    Contact us again anytime should you need our assistance.

    Thanks!