[Resolved] Forms: Spacing, Buttons and Dropdowns

Home Forums Support [Resolved] Forms: Spacing, Buttons and Dropdowns

Home Forums Support Forms: Spacing, Buttons and Dropdowns

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #328573
    Chris

    So I ended up turning off some of the buttons colors and font colors in the form section of your customizer.

    View post on imgur.com

    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?

    View post on imgur.com

    View post on imgur.com

    3) The open file browser button has zero styling as well.

    View post on imgur.com

    Thank you in advance!!

    #328617
    Tom
    Lead Developer
    Lead Developer

    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).

    #328910
    Chris

    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

    #329121
    Chris

    Just a reminder that this issue is still outstanding.

    = )

    Thanks!

    #329148
    Tom
    Lead Developer
    Lead Developer

    You can control the title spacing of the second form like this:

    .wpcf7-form p {
        margin-bottom: 10px;
    }
    #329691
    Chris

    Can you tell me why this form and overall page design is behaving so much differently that the other links provided above?

    #329712
    Tom
    Lead Developer
    Lead Developer

    The first page is using Elementor, which is changing the style of the form with their CSS.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.