Removing dead space - Post ID 191520

User 44359 Photo


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???
User 187934 Photo


Senior Advisor
20,181 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.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 464893 Photo


Ambassador
1,611 posts

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


User 2073552 Photo


Registered User
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."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 44359 Photo


Registered User
2 posts

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


Ambassador
426 posts

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


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
User 187934 Photo


Senior Advisor
20,181 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.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 512957 Photo


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
User 38401 Photo


Senior Advisor
10,951 posts

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

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.