Change Design of Button

Hi!

Can you please change Design (Size, Color etc.) of the "Verify Email" Button exactly like The "upload CV" Button?

https://form.jotform.com/212103705635345

Thanks very much

Hi,

You may apply the following CSS:

button#mailSubmit {

    background: #9b9b9b;

    color: #fff;

    padding: 0.3em 0.5em;

    border: none;

    box-shadow: 0.7px 0.5px #000;

    font-weight: bold;

    text-shadow: none;

}





iframe#customFieldFrame_44 {

   height: 55px;

}

Result:

Let us know how it goes.

Looks great!

Thanks!

Could please adapt a few more things?

I have tried on my own but it do not work.

One:

Error: Invalid e-mail! = Text Color #9b9b9b

Two:

The verification code has been sent to ...

Check your email inbox and paste the code below to complete verification.

= Text Color #9b9b9b

Three:

CONFIRM CODE and RESET EMAIL Button should look like VERIFY EMAIL Button = Design, Color etc.

Four:

Your email has been successfully verified. = Text Color #9b9b9b

Hi again,

I see that you removed the Email Validator widget from your form.

Please add it again so we can provide the proper CSS code needed.

Sorry!

You are right!

I`ve replaced form.

This would be the one ...

https://form.jotform.com/212112828637353

Thanks

You just need to add the height property and set it to 28px. It should now match it with the file upload button style and color.

I hope that helps. Let us know if you have any questions or if you need further assistance.

Looks great!

Thanks!

Could please adapt a few more things?

I have tried on my own but it do not work.

One:

Error: Invalid e-mail! = Text Color #9b9b9b

Two:

The verification code has been sent to ...

Check your email inbox and paste the code below to complete verification.

= Text Color #9b9b9b

Three:

CONFIRM CODE and RESET EMAIL Button should look like VERIFY EMAIL Button = Design, Color etc.

Four:

Your email has been successfully verified. = Text Color #9b9b9b

Hi again,

Kindly inject the following CSS code into the widget:

.positive, #error, label  {

   color: #9b9b9b !important;

}

#codeSubmit, #resetEmail {

   background: #9b9b9b;

   color: #fff;

   padding: 0.3em 0.5em;

   border: none;

   box-shadow: 0.7px 0.5px #000;

   font-weight: bold;

   text-shadow: none;

height: 28px;

}

Result:

Related guide: How-to-inject-css-codes-to-widgets

Should you have any further inquiries, we will be more than happy to help.

Great and fast ... !!!

Thanks a lot.

Hello!

As this question is not related to the original inquiry, I will be splitting it off into a separate thread and will be answering it there.

Thank you!