Tip about Help Text/Tooltips
-
This is just to help anyone who might be struggling with something when the forms are displayed; if you have added Help Text when creating the form, when displayed a little ‘i’ icon appears which when hovered over reveals the help text – however on very wide screens this tooltip stretches out which I find more difficult to read, so after a lot of searching, I found the correct class to adjust this in CSS to your liking. Below is the setting I have added to the WP customizer;
.jBox-Tooltip { width: 22em; }
This gives a smaller box that is easier to read and suitable for all screen sizes (as far as I can tell). I am guessing that this might be possible to hard code into the HTML of each Help Text area in the form creation instead, but this is much less work if you are happy with all the containers being the same width. Hope it helps someone else.
- The topic ‘Tip about Help Text/Tooltips’ is closed to new replies.