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?

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 is set to grey.

Steps to Change the Event Grid Background Color

  1. Go to Website > Website Settings > Custom Header HTML.
  2. Add the following code, replacing the hex color code (#ff0000) with your preferred color (for example, #FFFFFF for white or #000000 for black):
    <style>
    .eventGrid.eventWidget .event .info {
      background-color: #ff0000;
    }
    </style>
    
  3. Scroll down and click Save.
  4. Wait approximately 10 minutes for the cache to clear and for the changes to appear on your site.

Example

Event Grid Background Color Example

If you have any questions or need further assistance, please contact SoCast Support.

    • Related Articles

    • How Do I Add a Clickable PDF Link to a Page in SoCast?

      How Do I Add a Clickable PDF Link to a Page in SoCast? Who Is This Article For? All users with access to Pages Applicable to all themes Follow these instructions to add a clickable PDF link to a page, blog post, or other content area in SoCast. ...
    • How Do I Change The Background Color Of The Event Grid In SoCast Engage?

      Log in to SoCast Engage. Go to Website > Website Settings. 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 ...
    • 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 Footer Background Color on My SoCast Website?

      How Do I Change the Footer Background Color on My SoCast Website? Only website admins can change the footer background color. Follow the steps below to update your website’s footer background color. Who Is This Article For? All users who are SoCast ...
    • 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 ...