title: How to change height of slider in Materialize css?
body: <p>Here is my html code:</p>
  
  <pre><code>&lt;div class="slider"&gt;
    &lt;ul class="slides"&gt;
      &lt;li&gt;
        &lt;img src="img/s1.jpg"&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And Here is my Javascript code:</p>
  
  <pre><code>$(document).ready(function(){
      $('.slider').slider();
  });
  </code></pre>
  
  <p>Slider works perfectly but the height is 400px by default. How can I change it to 300px?</p>
  
  <p>EDIT:</p>
  
  <p>Changing image size doesn't change the height of slider (height is always 400px)</p>
  
  <p>I tried this: <code>&lt;div class="slider" style="height:300px;"&gt;</code> , it also doesn't work.</p>