Archived topic
Forms: Spacing, Buttons and Dropdowns
6 replies · Started by Chris on June 4, 2017
So I ended up turning off some of the buttons colors and font colors in the form section of your customizer.
http://i.imgur.com/Iqv42I9.jpg
I have a few items I need help with on the forms.
1) I don't see any way to adjust the margins or padding for the forms at all. That would be cool to add to the customizer later. For now, how can I adjust the space below the Question and below each form field?
http://gtg2017.giantishere.com/contact-forms/wholesale-signup-form/
2) This is a drop down with zero styling. How do I target or fix this?
http://i.imgur.com/6qhJURY.jpg
http://i.imgur.com/CWaGxdh.jpg
3) The open file browser button has zero styling as well.
http://i.imgur.com/ZaTI1o9.jpg
Thank you in advance!!
Hi there,
1. Forms/buttons will be getting some more styling options soon (font sizes, families, style, spacing etc..).
2 + 3. Browsers determine the styling of your select boxes/upload fields. This is something you would need to use custom CSS for if you wanted to change it (I don't suggest changing the standard look of select boxes).
Okay, back to question 2 then.
http://gtg2017.giantishere.com/contact-forms/wholesale-signup-form/
You can see here that the spacing of this form is way off from the rest of the forms on the site. Can you please tell me why or explain how to affect it?
This form is working better but I'd still like to be able to adjust the space below the title of each field.
http://gtg2017.giantishere.com/contact-forms/change-edit-gold-club/
Thanks!
CDS
Just a reminder that this issue is still outstanding.
= )
Thanks!
You can control the title spacing of the second form like this:
.wpcf7-form p {
margin-bottom: 10px;
}Can you tell me why this form and overall page design is behaving so much differently that the other links provided above?
The first page is using Elementor, which is changing the style of the form with their CSS.
