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 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 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 Footer Background Color on My SoCast Website?

      How Do I Change the Footer Background Color on My SoCast Website? Who Is This Article For? All users who are SoCast Website Admins This applies to the SoCast 2.0 Theme and Hero 1.0 Theme Only website admins have access to change the footer background ...

    • How Do I Change My Website's Header Background Color in SoCast?

      How Do I Change My Website's Header Background Color in SoCast? Who Is This Article For? All users with the 'Manage Website Settings' permission Applicable to all SoCast Themes Feature Overview Customize your website's header background color to ...

    • How Do I Change the Navigation Background Color on My SoCast Website?

      How Do I Change the Navigation Background Color on My SoCast Website? This Article Is For: All users who are SoCast Website Admins Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme Follow these instructions to change your website's navigation ...