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.

 

Screen_Shot_2017-12-26_at_10.20.58_AM.png

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

Screen_Shot_2017-12-26_at_10.22.05_AM.png

 

With background color selected, but before applying CSS customization: 

Screen_Shot_2017-12-26_at_10.24.53_AM.png

 

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):

font_customization.png

 

 

Was this article helpful?
0 out of 0 found this helpful