Ionic 2 using custom css
<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>