How Do I Change the Background Color of a Specific Page (Excluding the Sidebar) in SoCast?

This guide explains how to set a custom background color for the main content area on a single page in SoCast Theme 3.0, without affecting the sidebar.

Who Is This For?

This Article Is For:

• Users with "Page" permissions
• Users comfortable working with HTML

Step-by-Step Instructions

1. Navigate to the page you want to customize.
2. Add a Raw HTML widget to the page.
3. Copy and paste the following code into the Raw HTML widget. We recommend pasting it into a plain-text editor (for example, Notepad) first to remove any formatting:

   <style>
     .sc-content-area {
       background-color: #CCCCCC;
     }
   </style>
   

4. Click Save to apply your changes.

Note: Replace #CCCCCC with your desired hex color code.

This will change the background color of the main content area on the specific page while leaving the sidebar unchanged.