---
schema_version: "1"
id: 136c37342a0222976ec3fa677bba275b7bb752d431df8e6778fbc00de08ed57e
title: SiteGenesis CSS Modifications for Salesforce Payments
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/cc/264-0-0/b2c_sitegenesis_css_modifications_for_salesforce_payments.md
canonical_url: https://help.salesforce.com/s/articleView?id=cc.b2c_sitegenesis_css_modifications_for_salesforce_payments.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 28156168edd581e73e614112795c2048e12c29301b05cb3e7d8d682dc57f3a1b
description: CSS styling is a critical element of B2C Commerce SiteGenesis page layout, and definitions.
products:
  - Commerce
  - B2C Commerce
release: "264"
---
# SiteGenesis CSS Modifications for Salesforce Payments

CSS styling is a critical element of B2C Commerce 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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-cc-b2c_merchandiser_administrator-264-0-0-production-enus/ea76f372-6cfa-42a6-8e7c-05c6df7abed8/images/icon_note.png)

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.