We have found what is causing this but don’t have a solution.
A couple days ago we noticed the text in the SiteOrigin panels was too big and overflowing their containers
Pages -> Page Edit
After some digging we discovered that the .description class assigned to the
<small class="description">Panel Text here</small>
Was being overwritten.
Further investigation found that the culprit was a recently added Plugin WP META SEO.
This represents an oversight on the creators of both plugins. When creating a plugin that is targeting an environment like WordPress it is a good idea to stay away from class names that are common words (like description) in this case SO does not appear to be styling this class – however it does open up the possibility that another plugin or external stylesheet could define a style for a .description class which could then result in exactly the side effects we are seeing.
Recommendation:
a) Remove the .description class from the element – it does not appear to be used
or
b) If it is being used – change the name to something that is not common – so-panel-description for example.
Hi Julian,
Thanks for letting us know about this. I’ve logged this as an issue in our issue tracker.
For reference, the widget description is used as a way to display an automatically generated description of the widget (based on the contents) rather than for styling.