When there are many custom fields the list on the right side of the screen becomes rather long: after each custom field HelpSpot inserts 2 line breaks. According to the friendly people of HelpSpot this cannot be changed, but I have found a way nevertheless.
Here is how:
- Open the default.css file in any texteditor (this file is located in the Helpspot root folder).
- Scroll down to the bottom of this file and add the following for each Custom# field:
/* Re-adds a little space before each Custom field */
#Custom1_wrapper {
margin-top: 0.33em;
}
/* Removes all line breaks within the Custom field section */
#Custom1_wrapper br {
display: none;
}
/* Moves any inputbox, textbox of dropdown list below the Custom field name */
#Custom1_wrapper input,
#Custom1_wrapper textarea,
#Custom1_wrapper select {
display: block;
}
-
To make HelpSpot reload the default.css file you must clear the HelpSpot internal cache by opening the http://yoursite.com/admin.php?clearcache page
-
If you do not see any changes in your browser: clear your browser’s cache and/or restart your web browser first, and try again.
–Ronald