Streamer overlay

If you are a streamer and you would like to have the ELEVATEX overlay on your stream here is how to do it.

Widget bar
1. Copy this link https://widgets.elevatex.app/stream/bar and open your streaming app of choice.
2. Add a Browser Source And put the link into the URL box. Make sure to have the width at 1920 and the height at 1080!

3. After you do these steps it should look like this. All the data will be filled in once you have started the flight with ELEVATEX.

Widget box

1. Copy this link https://simwidget.elevatex.app/ and open your streaming app of choice.

2. Add a Browser Source and put the link in the URL box. Make sure to have the width at 1920 and the height at 1080! 

3. After you have done these steps it should look like this. All the information will be filled in once you have started a flight with ELEVATEX.

Changing the color of the overlay (This only works with the widget box!)

If you would like to change the color of the overlay you can follow these steps

1. You can use this website to find the colors you would like to use https://htmlcolorcodes.com/color-picker/.
2. After you have chosen the colors you would like to use Copy this text and change the colors to what you would like to use. ( only change these #ffffff ). This text below is to make it white in case you would like to use that.

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

.airline-text {
    color: #ffffff; /* airport-codes color */
}

.info-value {
    color: #ffffff; /* scrolling values color */
}

.widget-box {
    background-color: rgba(66,75,84,.75); /* box color (with 75% opacity) */
}

3. Copy the text into the Custom CSS box. 

This is what it looks like after these changes with these colors.