title: Changing styles and text modification of alert controller in ionic 2
body: <p><a href="https://i.stack.imgur.com/Nxkdn.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nxkdn.jpg" alt="enter image description here"></a></p>
  
  <p>Actually my alert controller "Title" is too lengthy , so i want to resize the text and i added Css class then tried to change the style in SASS by giving font size to it  unfortunately didn't worked and the buttons text are uppercase.So is there anyway to change font size of text ,buttons color and size and changing button text to lowercase?</p>
  
  <p><b>My typescript file</b></p>
  
  <pre><code>import { IonicPage,AlertController} from 'ionic-angular';
  import { Component,ViewChild } from '@angular/core';
  import 'rxjs/add/operator/toPromise';
  
  @IonicPage()
  @Component({
    selector: 'page-kpi',
    templateUrl: 'kpi.html',
  })
  export class KpiPage {
  
    @ViewChild(Nav) nav: Nav;
    temp2:any;
    lastUpdate:any;
  
   constructor(
      private alertCtrl: AlertController,
      public menuCtrl : MenuController,
  
  
     ) {
        this.platform.ready().then(() =&gt; {
  
                this.refreshbutton();
  
        }
      });
  
  
  refreshbutton(){
  
      this.getSession();
  
    if(this.offline == true)
      {
         this.offlineRefreshAlert();
      }  
     else{
      let alert = this.alertCtrl.create({
              title: 'Do you really want to refresh the widgets?',
              message: 'Refresh process will take time to complete.',
              cssClass: 'alertLogCss',
              buttons: [
                {
                  text: 'Cancel',
                  role: 'cancel',
                  handler: () =&gt; {
                    alert = null;
                  }
                },
                {
                  text: 'Refresh now',
                   handler: () =&gt; {
                     if(this.online == true){
                        this.refreshdata(this.result.sid);
                        this.loadingrefreshdashboard();
                     }
                     if(this.offline == true){
  
                        this.offlineRefreshAlert();
                     }
  
  
  
                   }
                 }
              ]
            });
            alert.present();
          }
      }
  
  }
  </code></pre>
  
  <p>My SASS(CSS) file</p>
  
  <pre><code>.alertLogCss{
    background-color: white;
    color: red;
    font-size: 4px;
    button{
        color: red;
        font-size: 5px;
    }
  }
  </code></pre>