Remove padding around form

  • Resolved saralanda

    (@saralanda)


    1 year, 4 months ago

    Hi,

    When I insert my form on my website, there is a padding around the form by default. How can I remove/edit this padding?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author CodePeople2

    (@codepeople2)

    1 year, 4 months ago

    Hello @saralanda

    Please provide the link to the page that contains the form. The form does not include padding itself, so, I assume these styles are inherited from the theme active on your website.

    Best regards.

    Plugin Author CodePeople2

    (@codepeople2)

    1 year, 4 months ago

    Hello @saralanda

    Have you been able to pinpoint the specific style definition responsible for applying the padding to the form? If so, could you kindly share the link to the page where the form is located? This will allow me to review the loaded styles and investigate further.

    Best regards.

    Thread Starter saralanda

    (@saralanda)

    1 year, 4 months ago

    See https://tulumcharters.com/test1 , also shown in screenshot below.

    The first two calculators have no padding below the submit button. I managed to remove it using this css:

    cp_calculatedfieldsf_pform_2, cp_calculatedfieldsf_pform_1

    {margin:0px !important;}
    That said, this css will remove the margin from the 1st and 2nd calculator on all pages. I was wondering if there is a way to do this per individual calculator since there are some exceptions where I would like to keep the margin.

    • This reply was modified 1 year, 4 months ago by saralanda.
    Plugin Author CodePeople2

    (@codepeople2)

    1 year, 4 months ago

    Hello @saralanda

    Thank you very much for providing the link. The margin is applied by the style definition:

    .form-item, form {
        margin-bottom: 2rem;
    }

    Located in the https://tulumcharters.com/wp-content/themes/mesmerize-pro/style.min.css file belonging to the theme active on your website.

    If you want the styles in the theme not to affect the forms created with our plugin, instead of editing each form separately, you can enter the style definition below through the “Appearance > Customize > Additional CSS” WordPress menu option:

    form.cff-form{margin:0;}

    Best regards.

    Thread Starter saralanda

    (@saralanda)

    1 year, 4 months ago

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Remove padding around form’ is closed to new replies.