Removing dead space


Registered User
2 posts

How can you make to dead space at the top and bottom of your from to be smaller?? When I post my form thier is alot of dead space at the top and bottom and it looks very bad. can someone help me with this???


Senior Advisor
12,236 posts

Did you zero out the top and bottom padding's for all the elements?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Ambassador
1,606 posts

use the transparent option and do a graphic to sit it in. WIS is the go
The Guy from OZ



Senior Advisor
1,625 posts

This has to do with the padding for the Required settings. If you have a lot of required fields it pushes the form down a bit because although they are hidden it still needs room for them when a user tries to submit the form without filling in that option.

"An Apple doth not fall far from its tree, yet an orange does."

http://lbwebsites.com - Web-Design & Hosting.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
http://www.sirage.com - Personal Site.
http://www.aveofluv.com - Wedding Site.


Registered User
2 posts

Eric I did zero out all field and I still have a big dead space at the top and bottom.


Ambassador
417 posts

Can you provide a link to your form, please?
Let's not get all hurt.


Registered User
4 posts

Hi, I'm having a similar problem with my form here: http://turntrim.com/ ("request callback form" in sidebar)

Can anyone help me reduce the padding above and below my form?

Cheers,

David


Senior Advisor
12,236 posts

Changing this in the form default.css will take some of it out.:)
#docContainer {
background-color: #F6F6F6;
border: 1px solid #C1C1C1;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
color: #333333;
font-family: Helvetica,Arial,Sans-serif;
font-size: 13px;
margin: 0px auto;
padding: 40;
width: 600px;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Registered User
4 posts

Thanks Eric - but how do I access the default.css file for my form? Probably a stupid question, but I can't see where coffee cup stores this file.

Thanks again, David


Senior Advisor
10,171 posts

Look through the files that it created when you exported the file or uploaded to S-Drive. :)
Jo Ann

http://elementsinwebdesign.com (a works still in progress)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.