In RS Form Pro, there are only a few colors to select from the Form Theme. I need to change the Send button to a custom color. How is the best way to do this? Can I added a custom color option in Form Theme? Is there a way to do an elegant override? Thank you!

Hi,
Here's what I use to change the color of the "submit" button.
Place this code in the Additional Attributes section of the component

style="background-color:#99CCFF;"
Change the color command to be the value to display the color of your choice. Use the preview function to see if the color is what you want.

Hope this helps.

Hello,

I tried what NEMGTR_webmanager suggested and it actually changed the background color of the whole form. What if you want to apply a css class to the submit and reset buttons?

Hi,
I had a nagging feeling that I had seen another question like this so I did some more searching and found an answer in an old post. It's similar to what I had given before but not using the hex colors.

style="color:white;background:blue;font-weight:bold;"
Make sure this is entered in the Additional Attributes of the Submit button component

Maybe you could try this code as is and see if you get a blue background with white, bold type. If you do, then you can adjust it to the color/type you want.

Kathy

Yes, that does work but I am trying to add a css class to the submit/reset buttons, not change the background or color of the form. I have tried to add some code into the Additional Attribute area, but I have not quite stumbled on the right combination. I am using RSForm! Pro in conjunction with a YooTheme template and will post the question there as well.

Thanks!

Sorry it didn't get you exactly what you wanted. But I'm not a programmer so I pick up things as I read the forums and then tinker with it until I get to what (or somewhat) I want.

Please share with the forum when you get this working. I'm sure that it will be well received.
K

Hi!

Add this code to the Properties/CSS area for your form. Remember to add <style> before and </style> after the code. Just change the colors to your preferred.

Matt

Can anyone tell me how to automatically redirect to article page after hitting submit button...........?
Please help

Thanx in advance......

I also have problems with this

well if you go to the button in components then attibutes
You can add this

But...how to add custom color codes?

Thanks in advance.

Color codes can be added like this:

That line of code works great thanks,.

But it changes the background color of both Send & Reset buttons.
Is there any way to set different colors for each button e,g Send= Blue & Reset= Green?

Thx

Head over to your Form Properties > CSS and Javascript section and use the following classes for the buttons

<style>
.rsform-reset-button { style goes here }
.rsform-submit-button { style goes here }
</style>

Thank you so much!!!

But, this doesn't seem to work if I choose the HTML 5 Responsive layout in the form layout settings. Is there a different method for that?

Not working on responsive layout!

Any help??

Hi i want to change the colors of the name of the fields like "name" of surname or e-mail... i have now a kind ofdark background and my names of my fields are dark grey , so not really matching colors

I've managed to update the colour on the send button, how can I do the same for the "Next >" and "< Prev" buttons?