Title: Submit Button Problems
Last modified: December 15, 2016

---

# Submit Button Problems

 *  Resolved [cleslie577](https://wordpress.org/support/users/cleslie577/)
 * (@cleslie577)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/submit-button-problems-2/)
 * Hello,
 * I’m having problems with my submit button for my custom form. On the “input” 
   custom element settings, I set the background to white so that the text areas
   would be white background where users text. But this also changed my button settings
   to not appear on the page and be white. I know this because looking at the css
   of the page, it shows the button’s bg is white because of the input settings.
   I tried to change these settings to be clear instead of white but that won’t 
   work. Also, the button has a shadow that I would like to get rid of. How can 
   I stop this button from getting its style from the input CSS settings?
 * You can view the form at [http://kellilesliephotography.com/inquire/](http://kellilesliephotography.com/inquire/)
 * The submit button doesn’t appear and has that drop-shadow that I would like to
   get rid of.
 * Thanks so much!
    Cody

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Lehel Szilard Marosi](https://wordpress.org/support/users/mlehelsz/)
 * (@mlehelsz)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/submit-button-problems-2/#post-8560419)
 * Greetings,
 * You can setup a different layout for the submit button, via the setup page of
   a custom style.
    This can be done like in this print-screen: [http://screencast.com/t/pD88Xur5e](http://screencast.com/t/pD88Xur5e)
 * After that you can add the following CSS snippet to the CSS editor of the Contact
   Style plugin.
 *     ```
       .cf7-style-580 input[type="submit"] {
       	-webkit-box-shadow: none;
       	-moz-box-shadow: none;
       	box-shadow: none;
       }
       ```
   
 * If you enjoy our work, please feel free to give us a [five star rating](https://wordpress.org/support/plugin/contact-form-7-style/reviews/?rate=5#new-post)
   or consider [donating](http://cf7style.com/back-this-project/).
 * Best Regards,
    Lehel
 *  Thread Starter [cleslie577](https://wordpress.org/support/users/cleslie577/)
 * (@cleslie577)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/submit-button-problems-2/#post-8561726)
 * This fixed everything! Thank you so much! I will rate you guys a 5 star because
   I had so many problems with Contact Forms and trying to find something that worked
   for me.
 * I have one more question. On that same page, the phone numbers text input area
   is smaller than the rest and it throws off the look of the whole contact form.
   Can I somehow style this phone number input area to look like the rest? Same 
   size and without the up/down arrows at the far right?
    -  This reply was modified 9 years, 5 months ago by [cleslie577](https://wordpress.org/support/users/cleslie577/).
    -  This reply was modified 9 years, 5 months ago by [cleslie577](https://wordpress.org/support/users/cleslie577/).
 *  Plugin Author [Lehel Szilard Marosi](https://wordpress.org/support/users/mlehelsz/)
 * (@mlehelsz)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/submit-button-problems-2/#post-8567018)
 * Thank you for your rating,
 * The solution for the telephone number input is the following:
    a. Changing the
   width of the input will fix the size of this one (100%) b. Changing the border
   will keep consistency between the elements (color: #e3e3e3) c. Changing the padding
   will fix the height of the element (12px for the top 10px for the bottom 12px
   for left and right)
 * More explanatory screenshot for the solution above: [http://screencast.com/t/ssY6DHabo](http://screencast.com/t/ssY6DHabo)
   
   This will fix every problem on the telephone input.
 * Have a great day,
    Lehel
 *  [MakarkinPRO](https://wordpress.org/support/users/makarkinpro/)
 * (@makarkinpro)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/submit-button-problems-2/#post-8675379)
 * [⌊2017-01-19_2218⌉⌊2017-01-19_2218⌉[
 * background changing only after I change (in F12 Google Chrome mode)
 * background-color
    to background
 * Where I should change background-color to background into you CODE?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Submit Button Problems’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/contact-form-7-style_9bc6f3.svg)
 * [Contact Form 7 Style](https://wordpress.org/plugins/contact-form-7-style/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7-style/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7-style/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7-style/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7-style/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7-style/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [MakarkinPRO](https://wordpress.org/support/users/makarkinpro/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/submit-button-problems-2/#post-8675379)
 * Status: resolved