# \<!-- Editor Styles --\>

**URL:** <https://community.hubspot.com/t/editor-styles/11877>\
**Category:** APIs & Integrations\
**Created:** [April 8, 2018, 12:40pm UTC](https://community.hubspot.com/t/editor-styles/11877 "2018-04-08T12:40:03Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [April 8, 2018, 12:40pm UTC](https://community.hubspot.com/t/editor-styles/11877/1 "2018-04-08T12:40:03Z")

</div>

My templates are inserting this “Editor Style” code into all my pages. It’s overwriting my font styles set in the template default css due to the !important used in the code.

Is there a way I can turn this “off” and stop from having it inserted into the bottom of my pages?

The code is inserted near the very bottom of the page like this

\< !-- Generated by the HubSpot Template Builder - template version 1.03 --\>  
\< !-- Editor Styles --\>

\< style id=“hs\_editor\_style” type=“text/css”\>  
body { font-family: Helvetica, Trebuchet MS, sans-serif **!important** ; \_type: fake **!important** ; display: block **!important** }  
body p , body li , body span , body label , body h1 , body h2 , body h3 , body h4 , body h5 , body h6 { font-family: Helvetica, Trebuchet MS, sans-serif **!important** }

\< /style\>  
\< !-- end coded\_template: id:5688364739 path:generated\_layouts/5688364738.html --\>

---

<div class="post-metadata">

**Author:** ![Derek\_Gervais](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/derek_gervais/32/17429_2.png) [@Derek\_Gervais](https://community.hubspot.com/u/Derek_Gervais)\
**Post date:** [April 10, 2018, 2:14pm UTC](https://community.hubspot.com/t/editor-styles/11877/2 "2018-04-10T14:14:38Z")

</div>

Hi [@notanothercliche](https://community.hubspot.com/u/notanothercliche),

Can you send me a link to an example page that you’re seeing this, so that I can take a closer look?

---

<div class="post-metadata">

**Author:** ![SarahCame](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sarahcame/32/44503_2.png) [@SarahCame](https://community.hubspot.com/u/SarahCame)\
**Post date:** [April 20, 2018, 12:29pm UTC](https://community.hubspot.com/t/editor-styles/11877/3 "2018-04-20T12:29:20Z")

</div>

I’m also having this issue. You can see an example [here](https://hub.guestrevu.com/the-essential-tripadvisor-checklist). The generated stuff starts on line 663 of the html

---

<div class="post-metadata">

**Author:** ![Derek\_Gervais](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/derek_gervais/32/17429_2.png) [@Derek\_Gervais](https://community.hubspot.com/u/Derek_Gervais)\
**Post date:** [April 23, 2018, 5:18pm UTC](https://community.hubspot.com/t/editor-styles/11877/4 "2018-04-23T17:18:26Z")

</div>

Hi [@Sarah\_Came](https://community.hubspot.com/u/sarah_came),

I’m not seeing any editor styles in the raw page source code. Are you perhaps viewing a preview of the page?

---

<div class="post-metadata">

**Author:** ![SarahCame](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sarahcame/32/44503_2.png) [@SarahCame](https://community.hubspot.com/u/SarahCame)\
**Post date:** [April 24, 2018, 9:32am UTC](https://community.hubspot.com/t/editor-styles/11877/5 "2018-04-24T09:32:45Z")

</div>

Hi, i actually found a post on the designers forums and fixed it : ) for future people, here’s the solution:  
 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/5/35c2e83209b822ed363e01d3f7cd6e4121fa843d.png) [community.hubspot.com – 7 Dec 17](https://community.hubspot.com/t5/Content-Design-Questions/Generated-by-the-HubSpot-Template-Builder/m-p/63215)

![]()

### [Generated by the HubSpot Template Builder](https://community.hubspot.com/t5/Content-Design-Questions/Generated-by-the-HubSpot-Template-Builder/m-p/63215)

Where is this coming from and, more importantly, how do I prevent it from changing the design of our landing pages?

---

<div class="post-metadata">

**Author:** ![AC37](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ac37/32/59606_2.png) [@AC37](https://community.hubspot.com/u/AC37)\
**Post date:** [February 19, 2024, 7:13pm UTC](https://community.hubspot.com/t/editor-styles/11877/6 "2024-02-19T19:13:00Z")

</div>

It’s 2024 now, found this editor styles in a client site … spent an hour and can’t find where those styles are comming from. Any update answer for 2024?

---

<div class="post-metadata">

**Author:** ![Sasha-A8](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sasha-a8/32/5385_2.png) [@Sasha-A8](https://community.hubspot.com/u/Sasha-A8)\
**Post date:** [December 13, 2024, 2:32am UTC](https://community.hubspot.com/t/editor-styles/11877/7 "2024-12-13T02:32:29Z")

</div>

The editor styles are coming from drag and drop modules that were customized in the page editor.

HubSpot overrides module CSS when changes are made in the “Styles” tab. This typically happens on default modules. You should be able to look at the module ID when you inspect the page, then search for that ID in your html. This should let you find the module that’s giving you problems.

 ![editor styles.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/c/6cf19c37fb6d4d536749e59eff9976eec9a5108a.jpeg)

In order to change the look of your module, you’ll need to reset the styles for that module.

One interesting thing I noticed while looking into this is that HubSpot seems to automatically detect your theme CSS and use that as the defaults in the Styles tab for default modules. That explains why you lose the style fields when cloning a default module in the Design Manager.