Support » Plugin: Constant Contact Forms » Styling The Form

  • Resolved nrtdesign

    (@nrtdesign)


    How do I reduce the top margins/padding of the contact form? I’ve tried targeting the div and class of the wrapper, but that didn’t do anything.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Constant Contact

    (@constantcontact)

    Can you provide a link to where the form is at, if possible?

    It’s possible that the selector chosen isn’t strong enough to override other styles being applied via the overall css in the page.

    Here’s the link: http://ntrdev.com/jeltes/

    Plugin Author Constant Contact

    (@constantcontact)

    Thanks, will get back to you soon with some more information and our findings.

    Plugin Author Constant Contact

    (@constantcontact)

    Hey @nrtdesign

    From the looks of things, as is, this is the space that the Constant Contact form presently uses:
    Screen Shot

    There are some items around it that are causing some space usage beyond what is perhaps desired.

    For example, these two empty paragraph tags do take up visual space:

    Screen Shot

    With the paragraph tags removed: https://cloudup.com/cBuY0OABWQZ

    Next up, this div has a bottom margin of 20px, and it’s set in two places

    Screen Shot

    Screen Shot

    There are some other wrapping divs in that area as well that have margin and padding applied to them, and those are coming from your page builder, from the looks of it.

    That said, with a couple of bottom margin adjustments and the removal of a couple <p> tags and you can get to about this which is a bit more tight looking.

    Screen Shot

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling The Form’ is closed to new replies.