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

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

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

Info This Article Is For:
  • Users with 'Page' permissions
  • Users comfortable working with HTML

Follow these instructions to set a custom background color for a specific page, excluding the sidebar, in SoCast Theme 3.0.

Step-by-Step Guide

  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 Notepad first to remove any formatting:
<style>
  .sc-content-area {
    background-color: #CCCCCC;
  }
</style>

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

4. Click Save to apply your changes.

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