Landing Pages

Components in the rich text editor look distorted

Last updated: October 13, 2020

Applies to:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Pages and blog posts often have JavaScript and CSS files, or stylesheets, attached. These files dictate the look and feel of the content on that page. In the same way that these files apply styles to your website or blog assets, they can also apply styling to the rich text editor in your web browser. 

Depending on the style rules and specificity of the CSS attached to a page, the components of the rich text module editor can appear distorted as it tries to follow the rules of the CSS. This is why some components like the buttons, fields, or labels in the rich text module editor can be affected.

For cases like these, work with the original designer of the stylesheets that are causing the conflict. The original designer will have context about the source of the conflict and the technical skills required to make any changes. HubSpot Designers Documentation offers guidelines for making sure your CSS/JS works in HubSpot's editors.

 Please note: HubSpot Support cannot edit custom CSS or Javascript files. For support with CSS and JavaScript conflicts, connect with HubSpot designers on the Design Forum.