Cannot Change Background Color in Compose

Overview

You are not able to change the background color for a block in compose as there is no option to configure the background.

This issue may happen when you are trying to modify Embed blocks, which do not have a button in UI to change the background color.

Solution

• You can add CSS override to change the background color of a single block:
  1. Click on the block for which you want to change the background color.
  2. Select CSS Overrides.
  3. Enter the following code in the CSS Overrides box, specifying the corresponding hex code:
     

     .navbar, article {
     background-color: <color hex code>; 
     } 

  4. Click Update.
     
     
     
     
• You can also add CSS override to change the background color for the whole page:
  1. Select the Page Details tab in the top right corner of the page.
     
     
     
     
  2. Enter the following code in the CSS Overrides box, specifying the corresponding hex code:

     .navbar, article {
     background-color: <color hex code>; 
     } 

  3. Click Update.
     
     
• If you want to change the default background color for the whole website, submit a ticket to Symphony Support including the hex code for the required color.
  
  

<supportagent>

To change the background color for the whole website, reach out to the PS team.

</supportagent>

Back to top