Labels overlap input fields

Home Forums User Registration Labels overlap input fields

This topic contains 8 replies, has 2 voices, and was last updated by  sanjeev3 1 year, 3 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2386

    semmyd
    Participant

    Hi,

    The label names are being cut off by the input field. Its like the labels are sitting on top of and not underneath the base of the input field. I could attach an image but I dont see an option to do so here.

    #2387

    sanjeev3
    Member

    Hello semmyd,

    Do you mean this in backend or frontend? If it is in frontend, you can share your site url with registration form, if on backend you can take the screenshot and provide us the link to the image. You can upload image and get link from https://imgbb.com/ or similar website. Thanks!

    Best Regards,
    WPEverest Support

    #2389

    semmyd
    Participant

    How can I share the URL privately?

    #2390

    semmyd
    Participant

    here is an image. Its a public registration page: https://ibb.co/meaSfy

    #2395

    sanjeev3
    Member

    Hello again,

    Looks like the CSS issue, please share your site url so that we can have provide you the CSS to fix the issue. You can contact us here: http://www.wpeverest.com/contact if you don’t want your link to be public. But, Isn’t the site live and public should be okay?

    #2396

    semmyd
    Participant

    Here is the URL: https://xandinnovations.com/registration/

    Thank you

    #2398

    sanjeev3
    Member

    Hello @semmyd,

    Please paste this code in Appearance->Customize->Additional CSS box to check if this suits your design:

    body[data-form-style="minimal"] .minimal-form-input label span.text {
        margin-top: 7px;
    }
    body[data-form-style="minimal"] .minimal-form-input {
        padding-top: 35px !important;
    }

    Thanks!

    #2402

    semmyd
    Participant

    Thanks. I am getting this error when I try to add that code: https://ibb.co/hbp1cd

    #2421

    sanjeev3
    Member

    Hello again, The provided CSS should be okay. You may have other CSS in the customizer throwing the error. Can you please check with only this:

    body[data-form-style="minimal"] .minimal-form-input label span.text {
        margin-top: 7px;
    }
    body[data-form-style="minimal"] .minimal-form-input {
        padding-top: 35px !important;
    }
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.