https://www.machform.com/forums/ MachForm Community Forums Topic: Cannot change appearance of "Submit" button by editing view.css file en Sun, 05 Apr 2026 15:21:50 +0000 https://www.machform.com/forums/topic/cannot-change-appearance-of-submit-button-by-editing-viewcss-file#post-14394 Tue, 17 Apr 2012 16:47:34 +0000 greg33 14394@https://www.machform.com/forums/ <p>Update: I was indeed able to change one of the "Submit" buttons, by splitting up the code as follows:</p> <p>#submit_primary<br /> {<br /> overflow: visible;<br /> padding: 0 7px;<br /> width: auto;<br /> color: #ffffff;<br /> background-color:#ff0000;<br /> }</p> <p>#review_submit<br /> {<br /> overflow: visible;<br /> padding: 0 7px;<br /> width: auto;<br /> color: #ffffff;<br /> background-color:#ff0000;<br /> }</p> <p>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. </p> https://www.machform.com/forums/topic/cannot-change-appearance-of-submit-button-by-editing-viewcss-file#post-14388 Tue, 17 Apr 2012 09:18:01 +0000 greg33 14388@https://www.machform.com/forums/ <p>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? </p> https://www.machform.com/forums/topic/cannot-change-appearance-of-submit-button-by-editing-viewcss-file#post-14370 Mon, 16 Apr 2012 21:57:32 +0000 redityo 14370@https://www.machform.com/forums/ <p>Hi,</p> <p>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 :</p> <pre><code>#submit_primary,#review_submit { overflow: visible; padding: 0 7px; width: auto; color: #ffffff; background-color:#ff0000; }</code></pre> <p>that would change "continue" , "submit" button color, but not change the previous button style </p> https://www.machform.com/forums/topic/cannot-change-appearance-of-submit-button-by-editing-viewcss-file#post-14369 Mon, 16 Apr 2012 18:37:59 +0000 greg33 14369@https://www.machform.com/forums/ <p>Hello,</p> <p>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:</p> <p>#main_body input.button_text<br /> {<br /> overflow: visible;<br /> padding: 0 7px;<br /> width: auto;<br /> color: #ffffff;<br /> background-color:#ff0000;<br /> }</p> <p>However, the above changes did not modify any colors on any of the buttons.</p> <p>Ideally, I wish I can modify both the "Continue" and "Submit" buttons, but leave the button labeled "Previous" as is.</p> <p>Any ideas?</p> <p>Thanks! </p>