one graphic repeated in all headers. Help needed with CSS

  • Profile Image
    Kers101
    Asked on November 30, 2014 at 10:45 PM

    http://form.jotform.ca/form/43336449622255

    I have information on setting up CSS for  multiple graphics on  a jot form but strangely it doesn't work for the 2 graphics I'm using now. I get one graphic repeating in all holders. Would you please check my form CSS

  • Profile Image
    ashwin_d
    Answered on December 01, 2014 at 04:16 AM

    Hello Kers101,

    I have already responded to you on the following thread:  http://www.jotform.com/answers/467201-I-ve-specified-the-CSS-for-2-graphics-but-only-1-graphic-appears-in-both-holders-#1 

    I have gone ahead and removed the css code which was causing this issue and also updated the css code to display different images in form header. It seems to be working fine now. Please check the screenshot below:

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Kers101
    Answered on December 01, 2014 at 05:48 PM

    I wanted the second image in the second  space down from the top before the calculations. Anyway, it doesn't matter because  I still don't  understand how you got two different images  to display.  This is all a mystery in spite of your fancy animations. My CSS hasn't change at all from before which I thought was the problem.

  • Profile Image
    jonathan
    Answered on December 01, 2014 at 07:46 PM

    Hi,

    Please disregard my previous suggestion. I just noticed that it removes all the background image of the Header field, and retain only that specific 2nd header with image.

    I'll get back to you quickly with the correct fix. It should be on the same process.

    Thanks.

  • Profile Image
    jonathan
    Answered on December 01, 2014 at 08:46 PM

    Hi,

    It seems that you have already resolved this yourself in your jotform http://form.jotform.ca/form/43336449622255

     

    You used the image field instead to add the 2nd header with image instruction, instead of the Header field.

    I was to suggest the same fixed but using the TEXT field instead. But what you did should work also.

    The problem with the Header field style is, if you assigned a background-image to it using the Form Designer, it will be assigned globally to all the existing Header fields. So, all Header fields will used only one background-image.

    I apologize for the early mishap on my previous suggestion. It is good that you were able to resolved already.

    Please contact us again anytime should you require further assistance.

    Thanks.