How Do I Change the Drop-Down Menu and Section Heading Colors in SoCast Engage?

How Do I Change the Drop-Down Menu and Section Heading Colors in SoCast Engage?

To update the drop-down menu background color for nested items and the section heading border color in SoCast Engage, follow these steps:

  1. Change Drop-Down Menu Background Color:
    1. Go to Website > Website Settings.
    2. Scroll down to the Custom HTML section.
    3. Add the following CSS code to change the drop-down background color to dark blue:
      <style> .menu-dropdown { background-color: #2D3292; } </style>
  2. Change Section Heading Border Color:
    1. In the same Custom HTML section, add the following CSS code to update the section heading border to light blue:
      <style> h2.section-heading { border-bottom: 4px solid #3AA5EB; } </style>

After saving your changes, the drop-down menu for nested items will display a dark blue background, and section headings will have a light blue border. If you do not have access to Website Settings, please contact your SoCast administrator or support team to apply these changes for you.

Note: The exact class names (e.g., .menu-dropdown, h2.section-heading) may vary depending on your site's template. If you need help identifying the correct selectors, please reach out to SoCast support.

    • Related Articles

    • How Do I Configure Heading Settings in SoCast?

      How Do I Configure Heading Settings in SoCast? This Article Is For: All users with the 'Manage Website Settings' permission Applicable to all SoCast Themes This guide explains how to create and customize headings and titles using the 'Header Text' ...

    • How Do I Change The Time Zone For The Now Playing Feature In SoCast Engage?

      Log in to SoCast Engage. Go to Admin in the main menu. Select Accounts. Click on your station name to edit the account settings. Under the Vitals section, find the Timezone setting. Select your preferred time zone from the dropdown menu. Click Save. ...

    • How Do I Change My Website's Default Sidebar in SoCast?

      How Do I Change My Website's Default Sidebar in SoCast? Who Is This Article For? Users with the 'Manage Website Settings' permission Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme Tips Before changing your default sidebar, make sure you have ...

    • How Do I Change the Station Logo on the Website and App in SoCast Engage?

      To change the logo in the website hero section: Log in to SoCast Engage. Navigate to Website > Website Structure > Heroes. Select and edit the relevant hero (e.g., your station's hero). Click the pencil icon to edit the Single Image widget. Click the ...

    • How Do I Adjust Website Navigation Menus In SoCast Engage?

      Log in to SoCast Engage. Go to Website > Pages > All Pages. In the upper right corner, click on Menu. You can display up to 6 menu items at the top of the page, including the "Menu" itself. Additional items will appear under the menu icon (the ...