Look and feel
Learn how to customize Drop-in.
Last updated
BigCommerce App 1.0
Learn how to customize Drop-in.
Last updated
Using the , you can style the look and feel of the elements within the component using .
You can change the following body text and link attributes:
Body text font family
Link font family
Link color
Link hover color
Form Checklist
Form Background
Form header text color
Form border color
To style the Pay button within the Digital River drop-in component:
Click Store Setup in the app menu on the left and then click Themes.
Under Current Theme, click Advanced, and select Make a Copy from the drop-down list.
Enter a name for the theme in the Theme Name field and click Save a Copy.
Under Themes, click more options on your created theme and select Edit Theme Files.
Click the Do not show me again checkbox and click Edit theme files.
From your browser's Stencil File Editor tab, click assets, click scss, and then click optimized-checkout.scss.
Copy the following text and paste it at the bottom of the optimized-checkout.scss file.
.DR-pay-button{
background-color: BLACK !important;
}
.DR-button-text{
color: RED !important;
}
Important: You must add the !important rule to the CSS line.
Click Save File. The results will look like this:
