[SalesForce] Custom Style For Lightning Toast

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

Best Answer

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.

Related Solutions

[SalesForce] CSS Style for ui:button in Lightning Component non rendering

The classname which you've given is wrong. This is the correct styling.

.THIS .uiButton.btn{
   background-color: #2574a9;
   color: #fff;
   padding: 10px 20px;
}

You may also directly give .THIS .btn (There is space if there's an outer DOM element, otherwise you may avoid the spacing.)

[SalesForce] Lightning toast is not working

You are view the lightning page from preview? if yes, the toast is not working because the event is handled by one.app.

Quoting from documentation:

This event is handled by the one.app container. It’s supported in Lightning Experience, Salesforce1, and Lightning communities.

You can create your own toast component if you want to preview the page, or simply create a tab for the lightning page.

Check documentation for more details: force:showToast

Best Answer

Related Solutions

[SalesForce] CSS Style for ui:button in Lightning Component non rendering

[SalesForce] Lightning toast is not working

Related Topic