Forums

Custom SUBMIT button

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
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
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
GreyHead 26 Oct, 2015
Hi loadlucas,

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

Bob
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
GreyHead 26 Oct, 2015
Hi LoadLucas,

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

Bob
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
GreyHead 26 Oct, 2015
Answer
Hi LoadLucas,
input#submit_btn:hover {
    background-color: purple;
    color: green !important;
}

Bob
loadlucas 26 Oct, 2015
Hi,

Yes !! Thanks ...

That's the way !

Thank you very much for helping me ...

Regards,

Loadlucas
This topic is locked and no more replies can be posted.