How Do I Change The Background Color Of The Event Grid In SoCast Engage?

How Do I Change The Background Color Of The Event Grid In SoCast Engage?

  1. Log in to SoCast Engage.
  2. Go to Website > Website Settings.
  3. In the custom header HTML section, add the following code (replace the hex color code with your preferred color, e.g., #FFFFFF for white or #000000 for black):
    <style>
.eventGrid.eventWidget .event .info { background-color: #ff0000; }
</style>
  4. Scroll down and click Save.
  5. Wait about 10 minutes for the cache to clear and the changes to appear on your site.

This will change the background color of the event grid to your selected color, improving text visibility.

    • Related Articles

    • How Do I Change the Background Color for an Event Grid in the Website Calendar?

      How Do I Change the Background Color for an Event Grid in the Website Calendar? These instructions explain how to change the background color that appears within the event calendar grid (behind the event text) on your website. By default, this color ...

    • 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 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? 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 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, ...