Site Optimization CSS Customization

  • Updated

For styling options beyond the built-in settings of the platform, you can now add custom css to your configurations. 

Step 1: Navigate to the Site Optimization Custom CSS section

1.1. In the platform, from the top menu, select Engagement, from the white bar underneath the top section, select Personalization, and then Site Optimization.

1.2 From Site Optimization, select the Preview option from the left menu. Then select the button Customize colors and fonts.



Once you select Customize colors and fonts, you will see the Custom CSS window:



With background color selected, but before applying CSS customization: 



Step 2: Add custom css

2.1 In the tool add CSS to the element you'd like to edit, then select Apply (at this time, custom styling will not render in preview, but should display on deploy):




Was this article helpful?

3 out of 3 found this helpful