Ionic4 - updating toast css not reflecting change

@gabbyCharles wrote:

I am attempting to update my toast css to produce a toast that is red, centered black text , and height of 10px.

I have the following css:

.toastCss {
        --height: 10px;	
        --color: #0000;
    }

and the following in my .ts file:

    this.dragulaService.removeModel('bag')
    .subscribe(({ item }) => {
      this.toastController.create({ 
            position: 'middle',
            message: 'Ops....',
            cssClass: 'toastCss',
            color: 'danger',
            duration: 2000
      }).then(toast => toast.present());
    });

The position and color of the toast displays correctly but cssClass is not being read.
Any thoughts on why this may be .
Thanks in advance!

Posts: 1

Participants: 1

Read full topic