Title: styling
Last modified: July 7, 2018

---

# styling

 *  Resolved [litlbitl](https://wordpress.org/support/users/litlbitl/)
 * (@litlbitl)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/)
 * Hi!
 * How can I style the text input fields on this form? I want to make them identical
   to all my other default woocommerce/storefront inputs… And the same question 
   about sidebar
    widget here [https://www.droneinwarsaw.com/sklep/](https://www.droneinwarsaw.com/sklep/)
 * Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fstyling-78%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476202)
 * Hi [@litlbitl](https://wordpress.org/support/users/litlbitl/),
 * Try these styles:
 *     ```
       .yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="email"]  {
          padding: .6180469716em;
           background-color: #f2f2f2;
           color: #43454b;
           outline: 0;
           border: 0;
           box-shadow: inset 0 1px 1px rgba(0,0,0,.125);   
       }
   
       .yikes-easy-mc-form input[type="text"]:focus, .yikes-easy-mc-form input[type="email"]:focus {
           background-color: #e6e5e5;
           color: #2b2c30;
       }
       ```
   
 * Let me know how that works for you.
 * Thank you,
    Kevin.
 *  Thread Starter [litlbitl](https://wordpress.org/support/users/litlbitl/)
 * (@litlbitl)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476219)
 * Hi!
 * Nope, it does not work. But am I able to modify css in WP admin panel if it comes
   from outside of wordpress? Because I think the code you gave is ok, but it gets
   overwritten by plugin css later on… Or not?
 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476509)
 * Hello,
 * The CSS I gave you is not active on the page. At the moment, the issue is not
   the CSS being overwritten; the issue is that the CSS is not being added to the
   front end of your website.
 * Where are you trying to add/modify the CSS from? The Custom CSS portion of the
   customizer?
 *  Thread Starter [litlbitl](https://wordpress.org/support/users/litlbitl/)
 * (@litlbitl)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476530)
 * Hi again,
 * I removed the code since it had no effect.
 * But I added it again, as custom css. So the code is now active and it gets overwritten
   by plugin css, as I described earlier.
 *  Thread Starter [litlbitl](https://wordpress.org/support/users/litlbitl/)
 * (@litlbitl)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476541)
 * Seems we can only style those elements this way, that are not modified by the
   plugin css, so they stay as in custom css. Everything that has styling in plugin
   css is overwritten.
 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476549)
 * I see. We’ll add the `!important` flag to the styles that are being overwritten.
   That’s the border, the background color, and the padding. Change the CSS to this:
 *     ```
       .yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="email"]  {
          padding: .6180469716em !important;
           background-color: #f2f2f2 !important;
           color: #43454b;
           outline: 0;
           border: 0 !important;
           box-shadow: inset 0 1px 1px rgba(0,0,0,.125);   
       }
   
       .yikes-easy-mc-form input[type="text"]:focus, .yikes-easy-mc-form input[type="email"]:focus {
           background-color: #e6e5e5;
           color: #2b2c30;
       }
       ```
   
 *  Thread Starter [litlbitl](https://wordpress.org/support/users/litlbitl/)
 * (@litlbitl)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476596)
 * Excellent! That works perfect!
 * One thing though – I try to modify the focus css as well (with !important) flag.
   I can fix the background color, but not the border… Why?
 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476619)
 * Add `outline: 0 !important;`
 *  Thread Starter [litlbitl](https://wordpress.org/support/users/litlbitl/)
 * (@litlbitl)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476632)
 * Case closed! Thx for great support!
 *  Plugin Contributor [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * (@yikesitskevin)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476643)
 * You’re welcome 🙂

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

The topic ‘styling’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/yikes-inc-easy-mailchimp-extender_a1c7e5.
   svg)
 * [Easy Forms for Mailchimp](https://wordpress.org/plugins/yikes-inc-easy-mailchimp-extender/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yikes-inc-easy-mailchimp-extender/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/)
 * [Active Topics](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yikes-inc-easy-mailchimp-extender/reviews/)

## Tags

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

 * 10 replies
 * 2 participants
 * Last reply from: [yikesitskevin](https://wordpress.org/support/users/yikesitskevin/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/styling-78/#post-10476643)
 * Status: resolved