Custom SUBMIT button

lo loadlucas 24 Oct, 2015

Hi,

In chronoforms V5 form, I would like to custom my "SUBMIT" button ...

Simply change the color of my submit button who is actualy white the "mouse over" color is good.

I try changing the .form-control background color in the bootstrap.css but in this way, every content change.

Any ideas ?

Thanks

Loadlucas

ca calculus00 24 Oct, 2015

Hello loadlucas,
I'm not a Chrono professional, but after checking your new post, I think that the following links may help:
How can I add an image to the submit button?
P.S: I'm just an automated service😉

Gr GreyHead 24 Oct, 2015

Hi loadlucas,

You can add CSS styles directly to the Submit Button element settings, or better, you can give your button a unique id e.g. submit_btn and add CSS in a Load CSS action.

Bob

lo loadlucas 26 Oct, 2015

Hi Greyhead,

Thanks for your help ...

That's the way i try but ... it appear like in the capture2.jpg, all inside box had the same color as i define the submit button.

Regards,

Loadlucas

Gr GreyHead 26 Oct, 2015

Hi loadlucas,

What CSS exactly are you using? It will work if you get the correct CSS selectors.

Bob

lo loadlucas 26 Oct, 2015

Hi,

It seam to be bootstrap.css

If you want to have a look ...

http://tpconsulting.be/index.php/reservation

Regards,

Loadlucas

Gr GreyHead 26 Oct, 2015

Hi LoadLucas,

This works OK

input#submit_btn {
    background-color: blue;
    color: yellow !important;
}

Bob

lo loadlucas 26 Oct, 2015

Hi Bob,

Work fine ... thank you very much !

Is it a way to ad a mouse over aspect adding the values in the Load CSS ?

Thanks again ...

Loadlucas

Gr GreyHead 26 Oct, 2015

Answer

Hi LoadLucas,

input#submit_btn:hover {
    background-color: purple;
    color: green !important;
}

Bob

lo loadlucas 26 Oct, 2015

Hi,

Yes !! Thanks ...

That's the way !

Thank you very much for helping me ...

Regards,

Loadlucas

Custom SUBMIT button

How to customize a CF submit button color without affecting other form elements.

Overview