Title: CSS changes not staying Last modified: August 22, 2016 --- # CSS changes not staying * [Bonesy88](https://wordpress.org/support/users/bonesy88/) * (@bonesy88) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/) * Hi I am trying to change the look of the button. Here is the original code: * input[type=”submit”], input[type=”reset”], input[type=”button”] { **padding: 4px 15px; border-radius: 15px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); background: linear-gradient(#FCFCFC, #F3F3F3) repeat scroll 0% 0% transparent; border-width: medium medium 1px; border-style: none none solid; border-color: -moz-use-text- color -moz-use-text-color #DDD; -moz-border-top-colors: none; -moz-border-right- colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: #444; font-family: “Open Sans”,sans-serif; font-size: 13px; } * I’m trying to change it to: * input[type=”submit”], input[type=”reset”], input[type=”button”] { ** padding: 1px 1px; border-radius: 2px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); background: linear-gradient(#FCFCFC, #F3F3F3) repeat scroll 0% 0% transparent; border-width: medium medium 1px; border-style: none none solid; border-color: -moz-use-text- color -moz-use-text-color #DDD; -moz-border-top-colors: none; -moz-border-right- colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: #444; font-family: “Open Sans”,sans-serif; font-size: 13px; } * I made the changes and they were working for a few hours, but now they have reverted back to the original. I tried adding !important but no luck. * [My site](http://www.bacheloronabudget.com) * Hope you can help, thanks. * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/) Viewing 8 replies - 1 through 8 (of 8 total) * [Neil Murray](https://wordpress.org/support/users/buzztone/) * (@buzztone) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519547) * > RE: I made the changes and they were working for a few hours * How did you make the changes? * I would just add the following code via [Child Theme](http://wplift.com/customise-wordpress-child-theme) or [custom CSS plugin](http://wordpress.org/extend/plugins/search.php?q=custom+css): * ``` .wpcf7 input[type="submit"], ​.wpcf7 input[type="reset"], ​.wpcf7 input[type="button"] { padding: 1px 1px; border-radius: 2px;​ ​​} ``` * ​Targets change to CF7 forms only. Should be no need to use !important which is poor practice. * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for a general explanation of styling CF7 forms using CSS. * There is a link at the bottom of the page to a comprehensive and detailed article on **Styling Contact Form 7 Forms**. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements. * Thread Starter [Bonesy88](https://wordpress.org/support/users/bonesy88/) * (@bonesy88) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519562) * Hi Buzztone. Thanks but it didn’t work. * As usual, all changes were made in the child theme’s style sheet. I only added! important; because I thought the CSS changes I made must have been overridden by something else. Even when I inspect the element, the old css remains, despite me changing that exact css in the style sheet. * [Neil Murray](https://wordpress.org/support/users/buzztone/) * (@buzztone) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519566) * I can’t see any evidence of an active child theme at your site using Firebug – just [http://bacheloronabudget.com/wp-content/themes/pinboard/style.css](http://bacheloronabudget.com/wp-content/themes/pinboard/style.css). * Thread Starter [Bonesy88](https://wordpress.org/support/users/bonesy88/) * (@bonesy88) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519573) * You’re right! The child theme is active now. * Do you see what could be causing the issue now? Thanks * [Neil Murray](https://wordpress.org/support/users/buzztone/) * (@buzztone) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519609) * The child theme at [http://bacheloronabudget.com/wp-content/the​mes/pinboard-child/style.css](http://bacheloronabudget.com/wp-content/the​mes/pinboard-child/style.css) is active. But contains no CSS styling except: `@import "../pinboard/style.css"​` * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/) to examine the HTML and CSS of your CF7 form in detail. * You can learn about these extremely useful developer tools at the following links: [https://getfirebug.com/wiki/](https://getfirebug.com/wiki/) [https://developers.google.com/chrome-developer-tools/](https://developers.google.com/chrome-developer-tools/) * Thread Starter [Bonesy88](https://wordpress.org/support/users/bonesy88/) * (@bonesy88) * [11 years, 6 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519612) * I actually use a CSS plug-in to edit it called ‘Simple Custom CSS’. I use firebug as well. * I usually don’t have a problem changing the css, but for some reason this isn’t sticking. * I just tried again adding this to the css: * .wpcf7 input[type=”submit”], ​.wpcf7 input[type=”reset”], ​.wpcf7 input[type =”button”] { padding: 1px 1px; border-radius: 2px;​ ​​} * **And it showed up again as (when I inspect element):** * input[type=”submit”], input[type=”reset”], input[type=”button”] { padding: 4px 15px; border-radius: 15px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); background: linear-gradient(#FCFCFC, #F3F3F3) repeat scroll 0% 0% transparent; border-width: medium medium 1px; border-style: none none solid; border-color: -moz-use-text- color -moz-use-text-color #DDD; -moz-border-top-colors: none; -moz-border-right- colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: #444; font-family: “Open Sans”,sans-serif; font-size: 13px; } * Thread Starter [Bonesy88](https://wordpress.org/support/users/bonesy88/) * (@bonesy88) * [11 years, 5 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519681) * Hi any other ideas for me to be able to change the look of the submit button? I’m still not sure why the CSS isn’t changing.. * Thanks * [Neil Murray](https://wordpress.org/support/users/buzztone/) * (@buzztone) * [11 years, 5 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519682) * > Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form > in detail. > You can learn about these extremely useful developer tools at the following > links: > [https://getfirebug.com/wiki/](https://getfirebug.com/wiki/) [https://developers.google.com/chrome-developer-tools/](https://developers.google.com/chrome-developer-tools/) Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘CSS changes not staying’ 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/) * 8 replies * 2 participants * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/) * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/css-changes-not-staying/#post-5519682) * Status: not resolved