Twitch Shout-out

Max Duration Time (How long the overlay stays on screen) Seconds

Max raid party size Users

Delay automatic shoutout Seconds

Custom CSS (Copy and paste into the OBS browser source Custom CSS section and modify as needed. CSS Tutorial)

#userImage img {
    width: 10vw;
    border-radius: 100%;
    border: solid 4px #760a99;
}

#userMsg p {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 4vw;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
}

#userName p {
    text-transform: uppercase;
    color: #760a99;
    font-size: 5vw;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
}

/*Cool Glow Effect(disabled) - Uncomment the CSS*/
/*
#userMsg p, #userName p {
    font-size: 24px;
    padding: 80px;
    text-align: center;
    animation: glow 1s ease-in-out infinite alternate
}

@-webkit-keyframes glow {
    from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }
    to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}
*/

Twitch Shout-out

Shout-Out Slider Overlay

Options