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

skillsproductionsq.wordpress.com

please check this website for more information to help because I cant remove the countdown now. The CSS didn’t work

• This reply was modified 3 years, 1 month ago by skillsproductions.

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

The form ID is indeed the same but sadly the code still doesn’t work, seems like the :hover code doesn’t work but I don’t know why

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

Hello @skillsproductions ,

We haven’t heard from you for a while now, so it looks like you don’t need our assistance anymore.

Feel free to re-open this ticket if needed.

Kind regards
Kasia