Hey @professionaltrail,
Thanks for reaching out about this issue! It sounds like the problem might be related to the CSS styling for the .cm-row element. Luckily, this can often be fixed with a quick custom CSS tweak.
Here’s the code you can add to fix the height issue:
.cm-row {
height: unset !important;
}
This code removes any set height for the .cm-row element, allowing it to adapt to its content.
To add this custom CSS in WordPress, you have a couple of options:
- Using the Theme Customizer: Many themes offer a built-in theme customizer where you can add custom CSS. Navigate to Appearance > Customize > Additional CSS and paste the code there.
- Using a Plugin: Several plugins like “Simple Custom CSS” allow you to add custom CSS snippets without modifying theme files. Install and activate the plugin, then paste the code into the designated area.
- Editing the theme’s stylesheet (Advanced): If you’re comfortable with code, you can directly edit the theme’s stylesheet (
style.css). Find the file in your theme’s directory (usually wp-content/themes/your-theme/) and add the code at the bottom.
Important Note: Editing theme files directly can be overwritten during theme updates. Consider using a child theme for custom CSS if you plan on modifying the theme frequently.
Let me know if you have any trouble implementing this fix, or if you’d like some guidance on creating a child theme.
