title: Adding html to WooCommerce Store Notice using filters
body: <p>I am trying to add a div wrapper around my WooCommerce Store Notice using a filter.  And I also want to replace the dismiss link with a close icon. </p>
  
  <p>This is what I have so far and it doesn't really work how I want it to;</p>
  
  <pre><code>add_filter('woocommerce_demo_store', 'demo_store_filter');
  
  function demo_store_filter($text){
      return str_replace( '&lt;p class="woocommerce-store-notice demo_store"&gt;', '&lt;div class="hello"&gt;&lt;p class="woocommerce-store-notice demo_store"&gt;&lt;/p&gt;&lt;/div&gt;', $text);
  }
  </code></pre>
  
  <p>Here is the default html for the notice;</p>
  
  <pre><code>&lt;p class="woocommerce-store-notice demo_store"&gt;Enter the code &lt;strong&gt;'TLFS5V'&lt;/strong&gt; to received £10 off your order when you spend over £100 &lt;a href="#" class="woocommerce-store-notice__dismiss-link"&gt;Dismiss&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Here is what I want;</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;&lt;div class="container"&gt;&lt;p class="woocommerce-store-notice demo_store"&gt;Enter the code &lt;strong&gt;'TLFS5V'&lt;/strong&gt; to received £10 off your order when you spend over £100 &lt;a href="#" class="woocommerce-store-notice__dismiss-link"&gt;(close svg icon here)&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is this possible with filters? Or should I do this by creating a new function?</p>