MachForm Community Forums » MachForm 3

1. greg33
   Member

   Hello,

   I wish to change the font and background colors of the Submit button on a form. I've attempted to do this by editing the view.css file as follows:

   #main_body input.button_text
   {
   overflow: visible;
   padding: 0 7px;
   width: auto;
   color: #ffffff;
   background-color:#ff0000;
   }

   However, the above changes did not modify any colors on any of the buttons.

   Ideally, I wish I can modify both the "Continue" and "Submit" buttons, but leave the button labeled "Previous" as is.

   Any ideas?

   Thanks!

   Posted 13 years ago #
2. 

   redityo

   Hi,

   it would better to add the css code from themes page. You can edit your form themes and select advance css code option. Then you can put these css code into the advance css box :

   #submit_primary,#review_submit
   {
   overflow: visible;
   padding: 0 7px;
   width: auto;
   color: #ffffff;
   background-color:#ff0000;
   }

   that would change "continue" , "submit" button color, but not change the previous button style

   ---

   MachForm Support

   Posted 13 years ago #

3. greg33
   Member

   Thanks for the reply Redityo. I *think* I've followed your instructions, but not sure if I have done it correctly. I selected "Edit Themes" from the top of the page, and then selected "Advanced" from the drop down menu and entered the code your provided above. When I wanted to save that code, I was prompted to enter a new theme name. I did that and selected that new theme for my form. However, no changes were made to either of the buttons. Have I done something wrong?

   Posted 13 years ago #

4. greg33
   Member

   Update: I was indeed able to change one of the "Submit" buttons, by splitting up the code as follows:

   #submit_primary
   {
   overflow: visible;
   padding: 0 7px;
   width: auto;
   color: #ffffff;
   background-color:#ff0000;
   }

   #review_submit
   {
   overflow: visible;
   padding: 0 7px;
   width: auto;
   color: #ffffff;
   background-color:#ff0000;
   }

   However, the "Submit" button has only changed on the "Review Your Entry" page. If I turn off the form review option, the "Submit" button returns to the default. And the "Continue" button has not changed at all regardless of any form setting or modified css code.

   Posted 13 years ago #

RSS feed for this topic

Reply

You must log in to post.