Styling NBT without using a form

Can you help me achieve the below look without using Gravity Forms? I don't need to add any additional fields or functionality and am just looking to give the default NBT registration form a professional look.

Test site: http://fitprosite.com/pro/

  • Nastia
    • Support Rock Star

    Hello Matt , I trust you are doing well!

    Please try the code bellow. It should align the form on the right and make it look close to the one on the screenshot:

    #prosites-user-register input[type=text], #prosites-user-register input[type=button] {
      margin:initial;
      width:50%;
    }
    #prosites-signup-form-checkout {
        text-align: left;
         width: 50%;
    }
    input#user_email {
        width: 50%;
        display:block;
        font-size: 20px;
        line-height: 30px;
    }

    Let me know how it goes!

    Cheers,
    Nastia

  • Matt
    • Site Builder, Child of Zeus

    Thanks Nastia this is looking good. When viewing in Mobile a few of the items gets smushed. Could you help me extend the text fields and Reserve Site button? Also, is there any easy way to wrap a thin border around the form and bold the titles?

  • Sajid
    • DEV MAN’s Sidekick

    Hello Matt,
    Hope you are doing good today :slight_smile:

    Try using the following code to make the fields and button look good on mobile screen. Also, it will make the fields label bold and adds thin border around form.

    form#prosites-user-register {
        border: 0.5px solid #f7f7f7;
        padding: 10px;
    }
    form#prosites-user-register label {
        font-weight: bold;
    }
    @media (max-width: 768px){
    #prosites-signup-form-checkout {
        width: 80%;
    }
    #prosites-user-register input[type=text], #prosites-user-register input[type=button], input#user_email {
        width: 100%;
    }
    }

    Take care and have a nice day :slight_smile:

    Best Regards,
    Sajid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.