How can I decrease the width of the background color

  • meetmybcn
    Asked on May 7, 2014 at 3:12 PM

    Hello,

    Thank you for providing these beautiful forms!

    I created a reservation form and added a background color. When I embed the form in my Wordpress site, the background color takes the whole width of the page, I would like to have the background color only to match the width of the form. How could I do this?

    Thank you for your help.

    Best regards

    Jotform Thread 373248 Screenshot
  • TitusN
    Replied on May 7, 2014 at 5:23 PM

    Hello,

    To accomplish that, please do the following:

    1. Make the form transparent by typing 'transparent' in the form background settings as shown:

    How can I decrease the width of the background color Image 1 Screenshot 20

    Next, Use this guide to add the following CSS to your form:

    .form-all{
    background: #F3F2F7;
    }

    The CSS will make the background settings to apply only as far as the width of the form.

    Please let us know if this helps.

  • meetmybcn
    Replied on May 8, 2014 at 3:11 AM

    Hello, this works fine! Thanks a lot for your help.

    Have a nice day!