Custom styles

Sometimes you may find yourself needing to add Custom CSS to your widget.

How to add custom CSS to the widget?

Transactionlink widget is mounted inside Shadow DOM. To style elements inside Shadow DOM, you have to use CSS Shadow Parts specification.

 
Names of the blocks can be found as a "part" attribute in a given element.

t10l-widget::part(button-action) {
    background-color: #3BBFAD;
}

Example view

516516

Did this page help you?