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?

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?

Info 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.

    • 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 Background Colour Of A Single Page In SoCast Engage?

      Log in to SoCast Engage. Go to Website > Pages > All Pages. Search for and edit the page you want to update. Switch to Backend Editor and click the gear icon to access Page Settings. Paste your custom CSS code into the designated area. For example, ...
    • How Do I Change the Site Background Color in SoCast?

      How Do I Change the Site Background Color in SoCast? Only website administrators with the appropriate permissions can change the site background color. This feature is available for all SoCast themes. Who Is This For? This article is for: All users ...
    • 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. ...