Title: Hover
Last modified: September 14, 2020

---

# Hover

 *  Resolved [aib20](https://wordpress.org/support/users/aibtreger/)
 * (@aibtreger)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/)
 * Hello,
 * I’m trying to change the button’s colour on hover. The button is #3498db and 
   I’d like the hover to be #2980b9. Can you help me with it, please?

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

 *  Plugin Support [sanjuacharya77](https://wordpress.org/support/users/sanjuacharya77/)
 * (@sanjuacharya77)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/#post-13411072)
 * Hi [@aibtreger](https://wordpress.org/support/users/aibtreger/),
 * Could you please provide me the URL of that respective form and we will provide
   you the custom CSS. Do let me know and I will get back to you accordingly.
 * Thanks and Regards!
 *  Thread Starter [aib20](https://wordpress.org/support/users/aibtreger/)
 * (@aibtreger)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/#post-13411144)
 * Hello,
 * Here’s the link: [https://www.englishforpsychology.eu/my-account/](https://www.englishforpsychology.eu/my-account/).
 * Thank you for your interest!
 *  Plugin Support [sanjuacharya77](https://wordpress.org/support/users/sanjuacharya77/)
 * (@sanjuacharya77)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/#post-13418030)
 * Hi [@aibtreger](https://wordpress.org/support/users/aibtreger/),
 * While inspecting to the page it seems that there is added a custom CSS for background-
   color and for hover with the same CSS selector. So please remove that CSS code
   and add the following CSS code and it will work.
 * Here is code:
 *     ```
       .ur-frontend-form.ur-frontend-form--bordered form input[type=submit] {
           background: #3498db;
           border: 1px solid #3498db;
           color: white;
           border-radius: 0;
       }
       .ur-frontend-form.ur-frontend-form--bordered form input[type=submit]:hover {
           background: #2980B9;
           border: 1px solid #2980B9;
       }
       ```
   
 * Do let me know whether it works or not and I will get back to you.
 * Thanks and Regards!
 *  Thread Starter [aib20](https://wordpress.org/support/users/aibtreger/)
 * (@aibtreger)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/#post-13418487)
 * Hi!
 * Thank you for your reply. Unfortunately, the code doesn’t work.
 * Here’s my current one:
 * <style>.page-id-4340 .ur-frontend-form.ur-frontend-form–bordered form input[type
   =submit], .page-id-4340 .ur-frontend-form.ur-frontend-form–bordered form input[
   type=submit]:hover {
    background: #3498db; border: 1px solid #3498db; color: 
   white; border-radius: 0; }</style>
 * Have a good day!
    Ania
 *  Thread Starter [aib20](https://wordpress.org/support/users/aibtreger/)
 * (@aibtreger)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/#post-13420956)
 * I seem to have pasted the code in the wrong place. Now, it works just fine!
 * Thanks so much,
    Ania

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

The topic ‘Hover’ is closed to new replies.

 * ![](https://ps.w.org/user-registration/assets/icon-256x256.gif?rev=3284028)
 * [User Registration & Membership - Free & Paid Memberships, Subscriptions, Content Restriction, User Profile, Custom User Registration & Login Builder](https://wordpress.org/plugins/user-registration/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/user-registration/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/user-registration/)
 * [Active Topics](https://wordpress.org/support/plugin/user-registration/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/user-registration/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/user-registration/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [aib20](https://wordpress.org/support/users/aibtreger/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/hover-22/#post-13420956)
 * Status: resolved