How to centre a button?

please, how did you make it like a circle i tried round but it looked half circle half square

Hi shahraZ,
You can customize your button with this doc of Ionic Components :

HTML

<div class="example-center">
  <button ion-button>
  </button>
</div>

CSS

.example-center {
  text-align: center;
}
1 Like
<ion-content padding>
<p></p>

<h4 class='titre'>Welcome in </h4>
<h1 class='nom'>RUSH</h1>

<ion-grid>
     <ion-row justify-content-center align-items-end style="height:100%">
          <ion-col col-6>
               <button class='boutton' ion-button color="secondary" round outline (click)='presentModalSignup()'>Sign Up> </button>
          </ion-col>
          <ion-col col-6>
               <button class='boutton' ion-button color="secondary" round outline (click)='presentModalLogin()'>Log In> </button>          
          </ion-col>
     </ion-row>
</ion-grid>
</ion-content>

Works now. Thanks eyalc. Can you help me to clear errors? if yes, my facebook : https://www.facebook.com/KSahithyan.