Title: different submit buttons Last modified: November 25, 2017 --- # different submit buttons * Resolved [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/) * I added css to submit button, and you can see here how it looks like: [http://mexicanroutes.com/contact-us/](http://mexicanroutes.com/contact-us/) * I also created “click to thank” button, using contact form without name, email and rest of rows. Just “submit” button. Visitors click and I get “Thank you” on my email. You can see the example of “click to thank” button at the end of each post: [http://mexicanroutes.com/acanceh/](http://mexicanroutes.com/acanceh/) * The problem is I want “click to thank” button with different style, but cant find out how to do that. Is it possible to make each additional contact form with different css? * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdifferent-submit-buttons%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/) * (@takayukister) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9720676) * See [Styling Contact Form](https://contactform7.com/styling-contact-form/) * Thread Starter [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9720717) * thanks. but i need **different style** for each **additional** contact form. i use submit button to create “thanks” or similar feedback buttons and need them to be differents. - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). * Thread Starter [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9720732) * Check these 2 links: * [http://mexicanroutes.com/contact-us/](http://mexicanroutes.com/contact-us/) [http://mexicanroutes.com/acanceh/](http://mexicanroutes.com/acanceh/) * Both have submit button. But I want these 2 buttons to be differents. If I add css to the second one, the first one gets the same css style. I want them to be differents, and I also want to create more “submit” buttons with different styles. * The submit button from the 2nd link is not used for submit mail or comment. I use it as “thanks” button, to send “thanks” to my email, I need to know my visitors opinion about the content, and no one will write comments or posts, so I limited all feedback to simple “click to thank” button and want it to be** not** similar to “submit mail” button. - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). * Thread Starter [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9720778) * I tried to add class to submit button and then to add css to main.css but the button stays the same style. *
[submit class:thanks “Click to say thanks”]
* .thanks { font-size: 13px; font-weight: 400; text-transform: uppercase; background- color: #FFF !important; color: red; } * As you can see it doesnt work. The part of code doesnt work, font-size, font- weight and text-transform do work. But the background-color and font color dont. It is because I changed them before in my main.css * .themeform input[type=”submit”], .themeform button[type=”submit”] { background- color: #aeaeae !important; width: 100% !important; } * Where am I wrong? - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). - This reply was modified 8 years, 6 months ago by [mayazir](https://wordpress.org/support/users/mayazir/). * Thread Starter [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9720841) * sorry, was my fault. the problem was my main.css where I added css without put class. * resolved. thanks * Thread Starter [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9720853) * I just dont understand now why this button is width:50% I remember put 50% in css but I deleted it, but the button is 50% now. Ok, it is just what I needed, but why it is 50% ? * Thread Starter [mayazir](https://wordpress.org/support/users/mayazir/) * (@mayazir) * [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9721022) * ok, it was padding, not width:50% just added padding: 10px 14px; Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘different submit buttons’ is closed to new replies. * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255) * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/) * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq) * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/) * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/) * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/) * 7 replies * 2 participants * Last reply from: [mayazir](https://wordpress.org/support/users/mayazir/) * Last activity: [8 years, 6 months ago](https://wordpress.org/support/topic/different-submit-buttons/#post-9721022) * Status: resolved