[Resolved] Help with Form

[Rob]

Hey, I’m using a plugin called Wholesale Customer Lead. It creates a form for people to apply for a Wholesale account.

I have create a page to house the form that comes with the plugin. But the layout is all messed up.

I contacted them. they have said “By default our Lead Capture only provides the general layout of the form, like field name, field order, etc. and let the general design and display to follow the site’s theme design”.

Is there anything you can suggest, or help in anyway? I just want in the same layout as the woocommerce first, which I think uses the class. “form-row form-row-first” etc.

Is this actually a Theme issue, or are they fobbing me off?

You can see the issue by going to the URL provided.

Thanks in advance.

[David]

Hi there,

So you need all the input fields to span full width and labels to remain above the field?

If so try this:

.wwlc_form_field {
    width: 100%;
}

[Rob]

Hey David,

Thanks for the quick reply 🙂

I was thinking more of a columned form, 2 columns, so first name on left, last name of right etc.

[David]

Maybe something like this:

@media (min-width: 768px) {
    .wwlc-register {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .wwlc-register .form-row {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 48%;
                flex: 1 0 48%;
        margin-right: 1%;
    }
    
    .wwlc-register .form-row.user_email  {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 98%;
                flex: 1 0 98%;
    }
}

[Rob]

You beautiful man!!!!!

Perfect 🙂

Thanks again,

[David]

Glad to be of help 🙂

[Rob]

Thanks again,

Ill donate some coffee funds when I have been paid 🙂

You guys are just wonderful.

[David]

Thanks very much. Really appreciate it 🙂

[Author]

Posts