My background image is clipped.

  • corelight
    Asked on January 3, 2017 at 2:08 PM

    How can I keep the background image from being clipped in my form?  I would like the bar at the bottom of the image to be visible for design purposes. 

    Page URL: https://www.jotform.com//?formID=70017836023145#design
  • Kevin Support Team Lead
    Replied on January 3, 2017 at 3:27 PM

    I have checked your form and noticed you have added a custom CSS code that does not allow the image to display completely: 

    .form-line {

        padding : 0px 36px !important;

    }

    If you remove or comment this code then the image shows fine, to comment a CSS code you could use "/* Commented code here */".

    To view the current injected code in your form go to the designer icon and inject CSS tab: 

    My background image is clipped Screenshot 20

    Here's also the link to my form: https://form.jotform.com/70025777155962 

    If you still need to apply the padding then I would suggest you to add padding to each side of the element, for example, "padding-top" or "padding-left", to get more info about this, please check this link: http://www.w3schools.com/css/css_padding.asp 

    Hope this helps.