Title: Button Hover – cannot edit CSS
Last modified: August 22, 2016

---

# Button Hover – cannot edit CSS

 *  [Fresz1990](https://wordpress.org/support/users/fresz1990/)
 * (@fresz1990)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/button-hover-cannot-edit-css/)
 * Hello,
 * I have WooCommerce installed on Custom Community and after adding products the
   buttons look normal as they should but when you hover over them they change.
 * I cannot find where to change then or remove the hover option from it…
 * website: eastcosttuning.ie

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

 *  Thread Starter [Fresz1990](https://wordpress.org/support/users/fresz1990/)
 * (@fresz1990)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/button-hover-cannot-edit-css/#post-5450306)
 * So no support for this template anymore?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 6 months ago](https://wordpress.org/support/topic/button-hover-cannot-edit-css/#post-5450307)
 * Not true, all themes distributed on WordPress.org are open for support.
 * If you’re finding people aren’t answering then try to re-explain your problem,
   provide screenshots, illustrate it clearer.
 * Also make sure you link the correct website.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/button-hover-cannot-edit-css/#post-5450309)
 * There are many themes which have a separate support forum. For example, if you
   read the Description on the [theme’s front page](https://wordpress.org/themes/custom-community/),
   down towards the bottom you’ll see that the main support forum is [here](https://github.com/Themekraft/custom-community/issues).
   Sometimes the problem isn’t with the theme, but with the plugin, so you have 
   to decide which support forum you’re going to post on, the theme’s or the plugin’s.
 * For your particular problem, don’t edit the theme files directly, but use a CSS
   plugin like JetPack or [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/).
 * Then create a new rule for the hovered button by copying all of the properties
   for the non-hover rule and using the selector for the hover rule:
 *     ```
       .woocommerce a.button:hover {
          font-size: 100%;
          margin: 0;
          line-height: 1em;
          cursor: pointer;
          position: relative;
          font-family: inherit;
          text-decoration: none;
          overflow: visible;
          padding: 6px 10px;
          font-weight: bold;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          left: auto;
          text-shadow: 0 1px 0 #ffffff;
          color: #5e5e5e;
          text-shadow: 0 1px 0 rgba(255,255,255,0.8);
          border: 1px solid #c7c0c7;
          background: #f7f6f7;
          background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#dfdbdf));
          background: -webkit-linear-gradient(#f7f6f7,#dfdbdf);
          background: -moz-linear-gradient(center top,#f7f6f7 0%,#dfdbdf 100%);
          background: -moz-gradient(center top,#f7f6f7 0%,#dfdbdf 100%);
          white-space: nowrap;
          display: inline-block;
          -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),
          inset 0 1px 0 rgba(255,255,255,0.3),
          0 1px 2px rgba(0,0,0,0.1);
          -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),
          inset 0 1px 0 rgba(255,255,255,0.3),
          0 1px 2px rgba(0,0,0,0.1);
          box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),
          inset 0 1px 0 rgba(255,255,255,0.3),
          0 1px 2px rgba(0,0,0,0.1);
       }
       ```
   
 * That should give you a good base from which to start.
 *  Thread Starter [Fresz1990](https://wordpress.org/support/users/fresz1990/)
 * (@fresz1990)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/button-hover-cannot-edit-css/#post-5450312)
 * Thanks a lot!

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

The topic ‘Button Hover – cannot edit CSS’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/custom-community/2.1.2/screenshot.
   png)
 * Custom Community
 * [Support Threads](https://wordpress.org/support/theme/custom-community/)
 * [Active Topics](https://wordpress.org/support/theme/custom-community/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/custom-community/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/custom-community/reviews/)

## Tags

 * [buttons](https://wordpress.org/support/topic-tag/buttons/)
 * [commerce](https://wordpress.org/support/topic-tag/commerce/)
 * [custom](https://wordpress.org/support/topic-tag/custom/)
 * [problem](https://wordpress.org/support/topic-tag/problem/)

 * 4 replies
 * 3 participants
 * Last reply from: [Fresz1990](https://wordpress.org/support/users/fresz1990/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/button-hover-cannot-edit-css/#post-5450312)
 * Status: not resolved