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!
Thread Starter
aib20
(@aibtreger)
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!
Thread Starter
aib20
(@aibtreger)
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
(@aibtreger)
I seem to have pasted the code in the wrong place. Now, it works just fine!
Thanks so much,
Ania