# Display field hints on hover

**URL:** <https://community.elfsight.com/t/display-field-hints-on-hover/127205>\
**Category:** Calculator\
**Created:** [June 20, 2025, 6:09pm UTC](https://community.elfsight.com/t/display-field-hints-on-hover/127205 "2025-06-20T18:09:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 20, 2025, 6:09pm UTC](https://community.elfsight.com/t/display-field-hints-on-hover/127205/1 "2025-06-20T18:09:43Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your [Calculator](https://elfsight.com/calculator-form-widget/) widget’s settings:

```auto
[class*='FormFieldLayout__Hint-sc'] {
opacity: 0 !important;
transition: opacity 0.3s ease-in-out !important;
}

[class*="FormFieldLayout__Container-sc"]:hover [class*='FormFieldLayout__Hint-sc'] {
opacity: 1 !important;
}

```