title: Adding HTML and CSS in Wordpress editor?
body: <p>I am using a child theme of "freestore". (<a href="https://en-gb.wordpress.org/themes/freestore/" rel="nofollow noreferrer">https://en-gb.wordpress.org/themes/freestore/</a>) </p>
  
  <p>I am attempting to add some content to one of my pages using simple HTML and CSS. 
  I've managed to successfully change CSS styles in the theme via the style.css, however I am trying to add my own HTML and then CSS to style it. </p>
  
  <p>I have created the page 'home' and through the wordpress tinymce text editor I can add my HTML fine. When I try to add the CSS via my style.css, it doesn't apply the styles. I can however add the styles inline, but I would like to add the styles externally. </p>
  
  <p>Example:</p>
  
  <p>On the wordpress text editor I would add the line:</p>
  
  <p><code>&lt;div id="cssTest"&gt;TEXT&lt;/div&gt;</code></p>
  
  <p>In my style.css file I would add:</p>
  
  <pre><code>#cssTest {
      background-color: red;
  }
  </code></pre>
  
  <p>The CSS style is not applied. However adding the following to the HTML editor will work fine:</p>
  
  <pre><code>&lt;div id="cssTest" style="background-color: red;"&gt;TEXT&lt;/div&gt;
  </code></pre>
  
  <p>My question is either:</p>
  
  <ol>
  <li>How can I apply my styles via an external stylesheet?</li>
  <li>Should I be creating my own template for that page and adding the HTML there?</li>
  </ol>