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.

    • Related Articles

    • How Do I Make a Specific Page Background Transparent (Excluding Sidebar) in SoCast?

      This Article Is For: Users who have 'Page' Permissions Users who are comfortable working with HTML The below instructions are for making the content area on a page (excluding sidebar) transparent Step-by-step guide On the page select the ' Raw HTML ' ...
    • How Do I Change the Sidebar Background Color in SoCast?

      How Do I Change the Sidebar Background Color in SoCast? This Article is For: All users with the Manage Website Settings permission Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme These instructions explain how to change your Sidebar Background ...
    • How Do I Change the Site Background Color in SoCast?

      How Do I Change the Site Background Color in SoCast? This Article Is For: All users with the 'Manage Website Settings' permission Applicable to all SoCast themes Only website administrators with the appropriate permissions can change the site ...
    • How Do I Change the Hero Background Color in SoCast Engage?

      Log in to SoCast Engage. Go to Website > Website Structure > Heroes. Select and edit the hero you want to update. Scroll down to the Background section. Remove the image in Image Slot #1. At the bottom, find Image Background Color and choose a color. ...
    • How Do I Change the Sidebar Text Color in SoCast?

      How Do I Change the Sidebar Text Color in SoCast? This Article Is For: All users with the Manage Website Settings permission Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme These instructions explain how to change your Sidebar Text Color. Only ...