LWR Sites for Experience Cloud

LWR Sites for Experience Cloud
Get to Know the LWR Templates
Start Building Your LWR Site
Brand Your LWR Site
How Branding Works in LWR Sites
Enable --dxp Styling Hooks
--dxp Styling Hooks in LWR Sites
How --dxp Styling Hooks Map to Theme Panel Properties
Use --dxp Styling Hooks in Custom Components
Override Component Branding in LWR Sites with Custom CSS
Create a Color Palette for Page Sections and Columns
Create a Configurable Site Logo Component
Add Custom Fonts
Remove SLDS
Create a Multilingual LWR Site
Add More Customizations
Manage Data in LWR Sites
Experience Delivery (Beta)
PDF

Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Remove SLDS

If necessary, you can remove Salesforce Lightning Design System (SLDS) from your site.

Don’t remove SLDS if you plan to use flexible layouts or any of the Lightning base components, as they rely heavily on the design system.

Important

In Experience Builder, click Settings | Advanced | Edit Head Markup, and delete the following line.

1<link 
2    rel="stylesheet" 
3    href="{ basePath }/assets/styles/salesforce-lightning-design-system.min.css?{ versionKey }" 
4/>

To use SLDS again later, add the code back to your head markup.