Answers.Body: <p>This is probably injected as part of the form template that's used to render the form. In the Freeform section of the CP, if you edit a form and choose the 'cog' icon in the right-hand pane to access the form settings, you'll see a dropdown labelled 'Formatting Template', which lets you choose a template to render out the form markup, with a number of popular frameworks listed (Bootstrap, Foundation etc.).</p>
  
  <p>In order to override this markup (and remove the CSS include), you can create your own custom templates using one of these templates as a guide. The Freeform docs cover how to do this <a href="https://solspace.com/craft/freeform/docs/formatting-template-examples/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>The default templates are located here: </p>
  
  <p><code>vendor/solspace/craft3-freeform/src/templates/_defaultFormTemplates</code>.</p>
  
  <p>Make a copy of the file you want to use as a base, and place it in your own <code>templates</code> directory; I tend to use <code>templates/_forms</code> for form templates. Give your new form template a meaningful name - Freeform does some nice parsing of custom template names to display them in the Formatting Template dropdown, so it's worth naming it well.</p>
  
  <p>Open your new custom template and look for a line right at the top that looks like this:</p>
  
  <p><code>{% css formCss %}</code></p>
  
  <p>Remove that line from your template and save it. Finally, make sure in the Admin CP > Freeform Lite/Pro > Settings > Formatting Templates, you've included the path to your custom forms template directory relative to your main <code>templates</code> directory. For my example directory above, I'd enter <code>_forms</code> as the directory path.</p>
  
  <p>Now, edit your form and when you open the Formatting Template dropdown in the form settings, you should see your new custom form template. Select it, save your form and refresh the front-end form page. Hopefully, the Freeform CSS that was being injected is now removed from the markup.</p>
  
  <p>Hope that helps!</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-11T11:44:30.863Z
Answers.Text: Just noticed the closing `</head>` tag in your code example, which means my solution won't work! My apologies. Is this on Craft 2?
Answers.UserDisplayName: Martin Spain
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-11T14:24:03.723Z
Answers.Text: Thanks for the thoughtful answer! It is actually Craft 3.
Answers.UserDisplayName: Rob
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-10-01T08:17:11.397Z
Answers.Text: Thanks for the detailed answer. Do you perhaps know where the css file of `{% css formCss %}` is located?
Answers.UserDisplayName: outline4
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-10-17T15:10:25.930Z
Answers.Text: @outline4 I think the main form styles are located in `vendor/solspace/craft-freeform/src/Resources/css`
Answers.UserDisplayName: Martin Spain
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-12-11T11:12:57.750Z
Answers.LastActivityDate: 2018-12-11T11:12:57.750Z
Answers.UserDisplayName: Martin Spain
Body: <p>I seem to be stuck with a simple -- but quite annoying -- question. I'm setting my own styling for a form and keep running into issues where I'm fighting with Freeform's default styling. I'm not including this anywhere in the template, at least that I know of, yet Freeform still seems to be injecting it's own styling onto the page. Am I missing something here where i can turn that off? Any help here would be greatly appreciated. I have attached an image showing what gets injected that I'd like removed.<a href="https://i.sstatic.net/I4u24.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/I4u24.png" alt="enter image description here"></a></p>
  
Tags: <plugin-freeform><freeform>
Title: Freeform: Remove default styling injection
ThreadText: # Freeform: Remove default styling injection
  
  (Asked by: username_0 on 2018-12-10)
  
  I seem to be stuck with a simple -- but quite annoying -- question. I'm setting my own styling for a form and keep running into issues where I'm fighting with Freeform's default styling. I'm not including this anywhere in the template, at least that I know of, yet Freeform still seems to be injecting it's own styling onto the page. Am I missing something here where i can turn that off? Any help here would be greatly appreciated. I have attached an image showing what gets injected that I'd like removed.[![enter image description here](https://i.sstatic.net/I4u24.png)](https://i.sstatic.net/I4u24.png)
  
  **Tags:** plugin-freeform, freeform
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2018-12-11. Score: 4
  
  This is probably injected as part of the form template that's used to render the form. In the Freeform section of the CP, if you edit a form and choose the 'cog' icon in the right-hand pane to access the form settings, you'll see a dropdown labelled 'Formatting Template', which lets you choose a template to render out the form markup, with a number of popular frameworks listed (Bootstrap, Foundation etc.).
  
  In order to override this markup (and remove the CSS include), you can create your own custom templates using one of these templates as a guide. The Freeform docs cover how to do this [here](https://solspace.com/craft/freeform/docs/formatting-template-examples/).
  
  The default templates are located here:
  
  `vendor/solspace/craft3-freeform/src/templates/_defaultFormTemplates`.
  
  Make a copy of the file you want to use as a base, and place it in your own `templates` directory; I tend to use `templates/_forms` for form templates. Give your new form template a meaningful name - Freeform does some nice parsing of custom template names to display them in the Formatting Template dropdown, so it's worth naming it well.
  
  Open your new custom template and look for a line right at the top that looks like this:
  
  `{% css formCss %}`
  
  Remove that line from your template and save it. Finally, make sure in the Admin CP > Freeform Lite/Pro > Settings > Formatting Templates, you've included the path to your custom forms template directory relative to your main `templates` directory. For my example directory above, I'd enter `_forms` as the directory path.
  
  Now, edit your form and when you open the Formatting Template dropdown in the form settings, you should see your new custom form template. Select it, save your form and refresh the front-end form page. Hopefully, the Freeform CSS that was being injected is now removed from the markup.
  
  Hope that helps!
  
  > **Comments:**
  > **username_1**: Just noticed the closing `</head>` tag in your code example, which means my solution won't work! My apologies. Is this on Craft 2?  
  > **username_0**: Thanks for the thoughtful answer! It is actually Craft 3.  
  > **username_2**: Thanks for the detailed answer. Do you perhaps know where the css file of `{% css formCss %}` is located?  
  > **username_1**: @username_2 I think the main form styles are located in `vendor/solspace/craft-freeform/src/Resources/css`  
  
  ---
  
  