Ionic 5 CSS / IonContent - IonHeader

Ionic Framework
#1

Hello Guys,

two different question…only the topic css is the same:

  1. I would like to have a less space top/bottom for
    0px padding everywhere, but no effect…is there a chance to reduce the height of the
    ion-header, or change the padding for ioncontent?

// Default Ion-Padding (for ion-card works fine)
ion-content {
–padding-bottom: 10px;
–padding-top: 0px;
}

ion-header{
–padding-bottom: 0px;
–padding-top: 0px;
}
ion-title{
–padding-bottom: 0px;
–padding-top: 0px;
}

  1. Toast

Is there way to change the background color for toast?

I tried according to the spec…but it doesn’t have effect:

async presentToast(infoMessage: string){
const toast = await this.toastController.create({
message: infoMessage,
duration: 2000,
cssClass: ‘my-custom-class’,
animated: true
});
toast.present();
}

.my-custom-class{
–background:#fff;
–border-color:blue;
–border-radius:1px;
–border-style:solid;
–border-width:2px;
–color: black;
}