Archived topic

Help with Form

7 replies · Started by Rob on January 17, 2019

Viewing posts 1–8 of 8

January 17, 2019 at 5:34 am #784508

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.

January 17, 2019 at 6:32 am #784541

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%;
}

January 17, 2019 at 7:28 am #784705

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.

January 17, 2019 at 7:41 am #784722

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%;
    }
}

January 17, 2019 at 7:55 am #784731

You beautiful man!!!!!

Perfect :)

Thanks again,

January 17, 2019 at 8:04 am #784743

Glad to be of help :)

January 17, 2019 at 8:07 am #784748

Thanks again,

Ill donate some coffee funds when I have been paid :)

You guys are just wonderful.

January 17, 2019 at 8:13 am #784752

Thanks very much. Really appreciate it :)

This archived topic is closed to new replies.

Start building better websites today.