Salesforce B2C Commerce 24.7 > Salesforce Payments > Run Salesforce Payments on SiteGenesis > Salesforce Payments on SiteGenesis > SiteGenesis Templates, Forms, and CSS for Salesforce Payments

SiteGenesis CSS Modifications for Salesforce Payments

CSS styling is a critical element of SiteGenesis page layout, and definitions.

Form Modifications

  • shippingaddress.xml
  • Skin multi-step checkout to have the same border color as SiteGenesis
  • Skin the multi-step checkout error element that shows for example, card declined
  • Fix the PayPal button z-index issue
  • Set express checkout button widths in mini cart
  • Change to horizontal button layout for express checkout in product pages
Note: SiteGenesis supports styling site components with basic CSS. If your site uses a custom user experience and branding, simple CSS doesn't always support a custom experience. The CSS modifications represented in these samples show only simple style changes.

Infocenter Retirement: On June 30, 2023, the Infocenter was retired, and documentation currently hosted on the Infocenter will be published to Salesforce Help, Commerce Cloud Developer Center, and Salesforce B2C Commerce Developer Documentation Resources. For more information, see the release note.