Title: Button changes not working in css
Last modified: July 3, 2018

---

# Button changes not working in css

 *  Resolved [press789](https://wordpress.org/support/users/press789/)
 * (@press789)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/)
 * Hello,
    I tried to make changes to the submit button like change the padding 
   and so on, but no changes that I make in the optinforms-admin.css or optinforms.
   css apply to the button on the page. It stays the same.
 * Another problem is, that the button looks completely different on mobile, the
   borders and the color are different, looks like so kind of opacity.
 * What do I have to do?
 * Thank you
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-changes-not-working-in-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [WPKube](https://wordpress.org/support/users/wpkube/)
 * (@wpkube)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10460164)
 * Hi,
 * From what I can see you managed to increase the padding, correct?
 * By the way, don’t make adjustments to the plugin files, they will get overwritten
   on update. Don’t add it to the theme’s style.css either, that’ll get overwritten
   when there’s a theme update.
 * Add your custom CSS code in WP admin > Appearance > Customize > Additional CSS.
 *  Thread Starter [press789](https://wordpress.org/support/users/press789/)
 * (@press789)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10460457)
 * Hello,
    yes I was able to change the padding in the plugin’s admin are in the
   custom css field.
 * The button still looks different on mobile, and the padding changes are not applied
   there, why is that?
 * Do you know how to add a hover effect to the button? I tried it with different
   approaches in the custom css field, but nothing worked.
 *  Plugin Author [WPKube](https://wordpress.org/support/users/wpkube/)
 * (@wpkube)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10461419)
 * Hi,
 * Just checked on my phone, the padding does apply and the rest of the styling 
   as well.
 * As for hover:
 *     ```
       #optinforms-form5-button:hover {
           background: #hexcode !important;
       }
       ```
   
 *  Thread Starter [press789](https://wordpress.org/support/users/press789/)
 * (@press789)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10465765)
 * The hover effect works great now thank you. The design of the button on mobile
   is still different than on desktop, the color is less intensive and the borders
   are different. Thanks for your help so far.
 *  Plugin Author [WPKube](https://wordpress.org/support/users/wpkube/)
 * (@wpkube)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10469215)
 * Hi,
 * Try adding !important rules like on the previous example, that forces it to overwrite
   the inline styles that are added by the plugin based on the options from “Style
   your form”.
 * So it looks like this:
 *     ```
       .element {
           cssrule: cssvalue !important;
       }
       ```
   
 *  Thread Starter [press789](https://wordpress.org/support/users/press789/)
 * (@press789)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10469881)
 * Hi,
 * ok thanks a lot.
 *  Plugin Author [WPKube](https://wordpress.org/support/users/wpkube/)
 * (@wpkube)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10470897)
 * You’re welcome.

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

The topic ‘Button changes not working in css’ is closed to new replies.

 * ![](https://ps.w.org/optin-forms/assets/icon-256x256.png?rev=998391)
 * [Optin Forms - Simple List Building Plugin for WordPress](https://wordpress.org/plugins/optin-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/optin-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/optin-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/optin-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/optin-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/optin-forms/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 7 replies
 * 2 participants
 * Last reply from: [WPKube](https://wordpress.org/support/users/wpkube/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/button-changes-not-working-in-css/#post-10470897)
 * Status: resolved