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
Improve Performance with Experience Delivery
PDF

Newer Version Available

This content describes an older version of this product. View Latest

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.