Ionic 5 - how to modify ion-button expand=“block” width

Question

I have this line

<ion-button expand="block" id="create" shape="round">Create Account</ion-button>

I would like to increase the width of this button. I can't find any way to increase the button height and width. I have tried to use an id. That didn't do anything.

#create {
    --width: 250px;
    --height: 120px;
}

Answer 1

You are using invalid css properties ( --width and --heigth ). I think you are looking for height and width .

#create {
    width: 250px;
    height: 120px;
}

Answer 2

I'm new to ionic, but you should try with <ion-content> <ion-button></ion-button> </ion-content>