Title: button changes on mouseover
Last modified: May 18, 2018

---

# button changes on mouseover

 *  [hackitzca](https://wordpress.org/support/users/hackitzca/)
 * (@hackitzca)
 * [8 years ago](https://wordpress.org/support/topic/button-changes-on-mouseover/)
 * Hi I’m having an issue on a button. i have searched google and don’t think im
   searching for the right terms as the results are not helping.
    Let me explain,
   i made a mistake and removed some css code in simple css. i tried to put it back
   and now have an issue. On the send button when i move my mouse over the button,
   it losses the round edges. how does one make it stay rounded? Here’s the code
   i’m using background:#078dce; cursor:pointer; padding-left:15px; padding-right:
   15px; color:#fff; border-radius:8px; width:100px;
    -  This topic was modified 8 years ago by [hackitzca](https://wordpress.org/support/users/hackitzca/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-changes-on-mouseover%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Jess](https://wordpress.org/support/users/jessn/)
 * (@jessn)
 * [8 years ago](https://wordpress.org/support/topic/button-changes-on-mouseover/#post-10293339)
 * Try adding this separately from the code you shared.
 * input[type=submit]:focus { border-radius:8px; }
 *  Thread Starter [hackitzca](https://wordpress.org/support/users/hackitzca/)
 * (@hackitzca)
 * [8 years ago](https://wordpress.org/support/topic/button-changes-on-mouseover/#post-10293471)
 * Didnt work.
 *  [Jess](https://wordpress.org/support/users/jessn/)
 * (@jessn)
 * [8 years ago](https://wordpress.org/support/topic/button-changes-on-mouseover/#post-10293516)
 * Ok then. I’m seeing this in your source code:
 * .wpcf7-form .wpcf7-submit-focus { border-radius:8px; }
 * Instead, try this:
 * .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus, input[type=
   submit]:active { border-radius:8px; }
 *  Thread Starter [hackitzca](https://wordpress.org/support/users/hackitzca/)
 * (@hackitzca)
 * [8 years ago](https://wordpress.org/support/topic/button-changes-on-mouseover/#post-10296298)
 * perfect thank you so much.

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

The topic ‘button changes on mouseover’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [hackitzca](https://wordpress.org/support/users/hackitzca/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/button-changes-on-mouseover/#post-10296298)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics