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.