Hover

Hi @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!

Hello,

Here’s the link: https://www.englishforpsychology.eu/my-account/.

Thank you for your interest!

Hi @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!

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

I seem to have pasted the code in the wrong place. Now, it works just fine!

Thanks so much,
Ania