Title: CSS3 Buttons
Last modified: August 21, 2016

---

# CSS3 Buttons

 *  Resolved [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * (@edouardcoleman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/)
 * Hello Scott! Thanks for your theme. I love it. I m using it with 3 different 
   sites.
 * **When i add a CSS3 buttons on a page and I hover it, an underline appears (which
   has the “Accent Color”) exactly at the foot of the button. And the button text
   gets also the same color. **
    I’ve tried with other themes and it worked just
   fine: no line, no color change..
 * Do you know how to get rid of it, with a code or anything?
 * **You can see what I mean by using “All in One Buttons” or “MaxButtons” plugins.**
 * Thanks in advance!

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690247)
 * Can you link us a page that has the issue?
 *  Thread Starter [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * (@edouardcoleman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690254)
 * I fixed the color problem. But there is still the underline
 * [http://architecturebasis.com/representation/](http://architecturebasis.com/representation/)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690255)
 * Try removing the underline (border-bottom) on:
 *     ```
       .no-touch .entry-content a:hover
       ```
   
 *  Thread Starter [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * (@edouardcoleman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690264)
 * Well… I m a beginner. What do I have to do exactly? There is a “custom CSS” box
   in the customiser. Maybe I can put a code in to fix it?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690265)
 * Yeah that sounds like the right place to put it in, you need to add “border-bottom”
   and set it to “none” to those selectors (above).
    _[http://www.w3schools.com/cssref/pr\_border-bottom.asp](http://www.w3schools.com/cssref/pr_border-bottom.asp)_
 *  Thread Starter [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * (@edouardcoleman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690285)
 * I tried to do what you say but I didn t manage it to work.
 * I tried with a button from “All in One Buttons” plugin and thats even worse: 
   first a border appears all around the button with the “Accent Color” (still here!)
   and right after, the underline!!
 * And again, there are no prob with other themes. it works perfectly on them.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690290)
 * So you tried this:
 *     ```
       .no-touch .entry-content a:hover {
        border-bottom: none;
       }
       ```
   
 *  Thread Starter [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * (@edouardcoleman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690295)
 * You are the best. It works perfectly when I use this code. No underline anymore.
   
   Thanks!!!
 *  Thread Starter [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * (@edouardcoleman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690346)
 * The hover border with the “Accent Color” was still there, without any border 
   bottom. So I had to remove the fixed border (from MaxButtons), by filling a border
   width equal to 0.
    Now, without any fixed border, the button looks a bit flat,
   but its actually ok. It prefer this than a hover border in 2 parts!..

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

The topic ‘CSS3 Buttons’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/decode/3.15.3/screenshot.png)
 * Decode
 * [Support Threads](https://wordpress.org/support/theme/decode/)
 * [Active Topics](https://wordpress.org/support/theme/decode/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/decode/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/decode/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [buttons](https://wordpress.org/support/topic-tag/buttons/)
 * [change](https://wordpress.org/support/topic-tag/change/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [colour](https://wordpress.org/support/topic-tag/colour/)
 * [css3](https://wordpress.org/support/topic-tag/css3/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)

 * 9 replies
 * 2 participants
 * Last reply from: [edouardcoleman](https://wordpress.org/support/users/edouardcoleman/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/css3-buttons/#post-4690346)
 * Status: resolved