Can't modify padding & margin of Bootstrap form elements

I want to modify the padding and spacing of form elements by using an internal style sheet (for now...ultimately I will turn it into an external style sheet).  I can't get it to reduce the padding and spacing of the form elements.  See this page: http://www.gopherstateevents.com/cc_meet/perf_trkr/login.asp

Any help would be much appreciated!
Bob SchneiderCo-OwnerAsked:
Who is Participating?
 
Chris StanyonConnect With a Mentor Commented:
The size of the form inputs is set in a file called mbr-additional.css on line 646:

.form-control {
   ...
   min-height: 3.5em;
   ...
}

Open in new window

0
 
M. TariqConnect With a Mentor Application DeveloperCommented:
Just add your style rules to the
<div class="form-group">

Open in new window

of the required element [margin-bottom: 10px;] for example.
0
 
Bob SchneiderCo-OwnerAuthor Commented:
Hmmmm...didn't appear to work.  Maybe it's not padding or margin.  Maybe it's height.  Can I modify the height without losing the mobile responsiveness of it?
0
 
Bob SchneiderCo-OwnerAuthor Commented:
Perfect.  Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.