Style Appearance

Overview

Avonni Components for Salesforce Experience Cloud provides a flexible styling system for a unified and appealing digital experience.

Individual Styling

Each Avonni Component offers a dedicated Appearance section where you can adjust its styling. These settings let you personalize the look and feel of your components.

The Avonni Components in Salesforce Experience Cloud are designed to automatically adapt the default styling settings from your site's theme.

However, if you make any styling adjustments at the component level, these changes will specifically override the corresponding default styles set by your site's theme. This feature allows for more precise and individualized design customization for each component.

Theme Consistency

• Automatic Theme Adoption: Avonni Components default adapt your site's theme settings.

• Override with Custom Styles: Any adjustments made at the component level will override the default theme styles, offering precise design control for each component.

Integration with Global Theme Settings

• Seamless Theme Integration: Effortlessly link Avonni Components to your Digital Experience Platform's (DXP) global theme settings.

• No Manual Style Inputs Required: Directly connect component styling attributes to DXP’s predefined theme values, eliminating the need for manual styling inputs.

Custom CSS Styling

• Deeper Customization: Add custom CSS classes to Avonni Components for advanced customization.

• Simple Implementation: Input your custom CSS in the site’s head markup and utilize standard Experience Cloud features to apply these styles to the components.

Final Thoughts

Avonni Components blend individual and theme-linked styling options to ensure your website maintains a consistent look and allows for distinct, component-level customizations.