How Do I Change The Background Color For An Event Grid?

How Do I Change The Background Color For An Event Grid?

These instructions are for changing the background color that appears within the event calendar grid (behind the event text).
By default this color is set to grey. 
  1. Go to website > website settings > custom header HTML
  2. Add the following code, make sure to edit the hex color code, with the code you want to use (i.e #FFFFFF, #000000)
<style>
.eventGrid.eventWidget .event .info { background-color: #ff0000 ; }
</style>

 3. Scroll down and click 'save'
 4. Wait about 10mins for the cache to clear.

Example:


    • Related Articles

    • How Do I Change The Site Background Color?

      This Article Is For: All users who have the 'Manage Website Settings' permission This is applicable to all SoCast Themes These are the theme asset restrictions for the Site Background Color. Only users who are website admins will have access to the ...

    • How Do I Change The Footer Background Color?

      This Article Is For: All users who are SoCast Website Admins This is applicable to the SoCast 2.0 Theme and Hero 1.0 Theme These are the instructions for changing your "Footer Background Color.' Only users who are website admins will have access to ...

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

      This Article Is For: All users who have the 'Manage Website Settings' permission This is applicable to all SoCast Themes Features: Allows for more opportunity for customization and branding for your station. These are the instructions for changing ...

    • How Do I Change The Side Bar Background Color?

      This Article is For: All users who have the 'Manage Website Settings' permission This is applicable to the SoCast 2.0 Theme and Hero 1.0 Theme These are the instructions for changing your 'Side Bar Background Color.' Only users who are website admins ...

    • How Do I Change The Navigation Background Color?

      This Article Is For: All users who are SoCast Website Admins This is applicable to the SoCast 2.0 Theme and Hero 1.0 Theme These are the instructions for changing your "Navigation Background Color.' Only users who are website admins will have access ...