Is there a way to customize the style (color, font-size, height) of lighting toast? I'm trying with css but have no success.

  • Are you referring to force:showToast or standard toast messages that you see in standard Lightning Experience?
    – Jayant Das
    May 30, 2019 at 16:16
  • It's force:showToast
    – Nitta
    May 30, 2019 at 16:28

2 Answers 2


Based on your comments, as you are using force:showToast, you won't be able to custom style the component. The Specification tab on the documentation provides the attributes that you can utilize for the look and feel of the component which is mainly using key, mode and type attributes.

You will need to create a custom toast message based on SLDS for your use case where you can utilize custom CSS.


You can use Stylehooks to accomplish the styling of the standard Toast message.

You will be able to use the documentation for reference.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .