Mix-It-Up-Overlay-12-10-2024_05_09_PM.png

🗒️ ⋮ Instructions

→ Installation

  1. Download the overlay here.
  2. Click on ‘Import Overlay Widget

Screenshot-2024-12-20-093822.jpg

  1. Set your Display Option and Overlay Endpoints or create a new one.
  2. Add to your OBS or SLOBS via Web Browser.

→ Settings

You must have some knowledge of CSS & HTML in order to make changes to the colors and fonts. Make sure to use hex codes for the colors.

            .maindiv {
                    background: #f5f5f5;
                }
                
              span.mpstatus {
                    color: #fff;
                }

                span.mpartist{
                    color: #03040f;
                }

                span.mpdot {
                    color: #f797f7;
                }

                span.mpsong {
                      color:#fff;
                }

Changing the font can be done by switching out the font name in the CSS selector and HTML link. I used Google Fonts.

@import url('<https://fonts.googleapis.com/css2?family=Montserrat&display=swap>');

              .contentdiv {
                     font-family: "Montserrat", serif;
                }

→ Commands

→ Known Issues

The widget will randomly reset and will show the special identifiers. This is something within MixItUp with the music player itself. Make sure to have refresh when browser is active on.