Skip to main content
T
Tom_Kerlin2
Level 7
October 20, 2016
Question

CSS to add Padding Around Form

  • October 20, 2016
  • 1 reply
  • 2453 views

Hello,

I'm styling a form and need help with adding padding around the border of the form.

I tried using following code:

.mktoForm {

padding-top: 25px !important;

padding-bottom: 28px !important;

padding-right: 20px !important;

padding-bottom: 30px !important;

}

This code works fine in Firefox and Chrome browsers, but in IE it seems to stretch the form out and adds this padding to every field.

If you know of a way to resolve please let me know.

Here's a screenshot of what form looks like now (I want to add padding around it - marked in red)....

Thanks,

Tom

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

E
ErikHe1
Level 5
October 20, 2016

Hi Tom,

Although I do not have access to IE (on a Mac) or your form, have you tried adding "box-sizing: border-box !important;" to the CSS?

Not sure if it would help but IE seems to calculate the padding together with the actual width, from what I am seeing maybe the padding is not displaying from the actual form being larger.

Let me know if it at all helps, good thing to remember if I run into a similar issue

/Erik

    Terms & ConditionsAccessibility statement

    Loading footer...