Overriding Digital River CSS

Learn how to override the Digital River CSS.

The Digital River app provides an extension point to override the style for components that load through the VF page in which Digital River CSS is loaded.

Load the following components through the VisualForce (VF) page:

• drb2b_drTermsElement

• drb2b_taxIdentifier

• drb2b_payments

• drb2b_dropIn

• drb2b_newPayments

• drb2b_myWalletPayment

• drb2b_myWallet

• drb2b_myTaxIdentifier

The Digital River App provides a configuration called Client Custom CSS Static Resource. To override the Digital River CSS (which is part of the managed package), create a new custom static resource with a custom CSS file and configure its name in the Digital River App settings.

You should use the CSS classes that are part of the Digital River CSS in the custom CSS file to override the Digital River CSS which is part of the managed package.

Sample code

.DR-button-text{text-transform:uppercase;background-color:purple !important}

In general, you can overwrite classes that start with DR. You should overwrite other classes including salesforce classes (that is, classes that start with slds) in Experience Builder.

Make sure your CSS has a higher specificity value to ensure your CSS overrides the existing CSS.