Rounded corners when hover or active

Hello @skillsproductions !

I trust you’re doing great!

As the site is not accessible due to being under construction, I’ll share more general code here.

The way you do CSS when a field is hovered over is the :hover selector, so something like this:

textarea:hover {
// your CSS
}

https://www.w3schools.com/cssref/sel_hover.asp

And for active it’s similar but you use :focus – https://www.w3schools.com/cssref/sel_focus.asp

If you’d like us to provide a more detailed code solution, can you deactivate the coming soon mode or set up your form on a page where we can access it and share the link here? It can be on a different site.

Best regards,
Pawel

Hi @skillsproductions

Assuming that the form ID is the same as on the image shared on this page, this code should work:

.forminator-custom-form-25918 .forminator-textarea:hover {
	-webkit-border-radius: 10px 10px 10px 10px!important;
  border-radius: 10px 10px 10px 10px!important;
}

You can increase/decrease pixel values to adjust border but make sure to clear all cache on site after adding the code to the site.

Best regards,
Adam

Hi @skillsproductions

Would it be possible to share the form page so we can verify why the CSS isn’t working?

I tested it on my side and it worked: https://monosnap.com/file/gmvIEc28Tr2gzPNkMa5UmbT3i5LpSU

Best Regards
Patrick Freitas