[SOLVED] Form Builder - modify submit button

[giapippo]

good morning to all

I am creating a form, but I would need to change the SUBMIT button
size, color and text

but I do not understand how to do

thanks in advance for your support

[swarfega]

Hi there.

Form Builder makes it easy to customize its various elements because it assigns css classes to them.

For instance the Submit button is class="cms_button" so all you need to do is add

.cms_button{[some stuff]}

in your style sheet and it'l use that.

You can customize the input and textarea boxes amongst other things as well.

[giapippo]

thanks for the help but the customer changed his mind

Now he wants on this page

http://www.autodire.it/calcola-on-line- ... go-termine

you can send the email using the button to the right "CALCOLA RATA"

instead of the classic submit button

Is it possible?

we also accept alternative proposals

[velden]

Of course it is possible

In Form Builder you can set text of submit button per form.
Then use css to style it like you want. It supports, background-color, borders, font-size etc. I'm not sure about font-family for all browsers by the way.

You can select a submit button via css by using (for example):

Code: Select all

input[type=submit] {
  background-color : red;
  font-weight : bold;
  color : white;
}

[giapippo]

oK
but the "Submit" button is always placed at the bottom of the form
how can I put it in a different area of the page?

[Rolf]

General tips for styling forms:
https://www.cmscanbesimple.org/blog/styling-forms

Downloadable demo FormBuilder form and stylesheet:
https://www.cmscanbesimple.org/blog/for ... stylesheet

[giapippo]

thanks

with this code

.submit [type="submit"] {
background : #c45d69;
font-size: 20px;
color : #fff;
width: 100%;
border: 2px solid #c45d69;


}


I got this

http://www.autodire.it/calcola-on-line- ... go-termine

but I can not change the value of "invia"

What should I put in the code

[velden]

You don't change that in your code but in a setting of Form Builder.

Go to Form Builder, open Form and have a look at bottom of second tab (Form Submission: Form Submit Button Text)

[giapippo]

hahahahaa
sorry for the stupid question

[applejack]

Don't use a submit button as you can't style it in iOS use button tag instead.