title: Ionic 2 using custom css
body: <p>I am building an Ionic2 app (actually I am learning), and am trying to apply custom css to my component, however it is not successful.</p>
  
  <p><strong>My app folder structure is as following:</strong>
  <a href="https://i.stack.imgur.com/c8GMh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c8GMh.png" alt="enter image description here"></a></p>
  
  <p><strong>My app.core.css:</strong></p>
  
  <pre><code>@import "../pages/start/start";
  
  @import "../pages/farmList/farmList";
  
  @import "../pages/slider/slider";
  
  @import "../pages/farm/farm";
  </code></pre>
  
  <p><strong>My slider.component.ts</strong></p>
  
  <pre><code>&lt;ion-slides #mySlider [options]="mySlideOptions" id="mySlides"&gt;
  
    &lt;ion-slide &gt;
      &lt;div padding&gt;
        &lt;h1&gt;Welcome to Swarms app&lt;/h1&gt;
        &lt;p&gt;Here you can view, manage and manipulate all your data&lt;/p&gt;
      &lt;/div&gt;
  
    &lt;/ion-slide&gt;
  
    &lt;ion-slide&gt;
      &lt;h1&gt;Slide 2&lt;/h1&gt;
    &lt;/ion-slide&gt;
  
    &lt;ion-slide&gt;
      &lt;h1&gt;Slide 3&lt;/h1&gt;
      &lt;button (click)="goToHome()"&gt;Start&lt;/button&gt;
    &lt;/ion-slide&gt;
  
  &lt;/ion-slides&gt;
  </code></pre>
  
  <ul>
  <li>I am trying to add some properties in <em>slider.scss</em> but it has no effect. How can apply some styles to it?</li>
  <li>Also, I created a folder 'img' like www/build/img and put few images in there, but on whenever I restart my ionic app with ionic serve, the folder is vanished, WHY?</li>
  </ul>
  
  <p><strong>UPDATE:</strong> First problem is solved, it was a simple typo in components where it had to be <code>styleUrls:['/slider.scss']</code>and not <code>styleUrls:['/slider.css']</code></p>