Reduce the validate email box to align it on textboxes

  • Profile Image
    MartinBoyle
    Asked on October 16, 2014 at 01:09 PM

    Thats worked a treat. Thanks very much.

    Is it also possible to reduce the width of the response box adjacent the submit button as shown in the screenshot below?

    Thanks,

    Martin

  • Profile Image
    EltonCris
    Answered on October 16, 2014 at 01:20 PM

    Fixed now. I have reduce the width to 221px from your existing CSS codes.

    #mailContainer > form:first-child input[type="text"] {

    margin-left: 30px !important;

    width: 221px;

    }

    Do you think this is right? Example:

    Let us know if this isn't the on you're referring. Thanks!

  • Profile Image
    MartinBoyle
    Answered on October 16, 2014 at 01:41 PM

    Hi EltonCris, thanks for the response. Unfortunately this is not what I was after.

    Referring to the screenshot below, you'll notice that after submitting an email address and clicking on Verify, a message saying "Verification code has been sent to admin@mot-sos.co.uk" etc appears.

    Beneath that, appears a text box, with a submit button to the right.

    It is this text box which I am looking to adjust.

    My apologies if I was not clear in the first instance :).

    Thanks for your time

    Martin

     

  • Profile Image
    Shadae
    Answered on October 16, 2014 at 03:17 PM

    Hi Martin,

    To confirm, you would like for the "code" text box to line up with the rest of the form?

    I have made the changes in your form. See result below:

    The code inserted was:

    input#code

    {

    width: 221px;

    }

    I hope this is what you wanted to achieve. Please inform us if you need further assistance.

  • Profile Image
    MartinBoyle
    Answered on October 17, 2014 at 05:46 AM

    Works perfectly :D. Thanks very much :).

  • Profile Image
    Shadae
    Answered on October 17, 2014 at 08:48 AM

    Hi MartinBoyle,

    I am happy to know this worked for you!

    Please inform us if you need further assistance.